将html表单输入映射到新形成的元素内的javascript对象

将HTML表单输入映射到新形成的元素内的JavaScript对象，可以通过以下步骤实现：

创建一个HTML表单，包含需要输入的字段和一个提交按钮。
使用JavaScript获取表单元素的值，并将其存储在一个对象中。
创建一个新的元素，可以是通过JavaScript动态创建的元素，或者是已存在的元素。
将存储表单值的JavaScript对象的属性值映射到新元素的相应属性上。
将新元素添加到文档中，使其显示在页面上。

以下是一个示例代码：

HTML部分：

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交">
</form>
<div id="result"></div>

JavaScript部分：

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为
  
  // 创建一个空对象
  var formData = {};
  
  // 获取表单元素的值，并存储在formData对象中
  formData.name = document.getElementById("name").value;
  formData.email = document.getElementById("email").value;
  
  // 创建一个新的元素
  var newElement = document.createElement("div");
  
  // 将formData对象的属性值映射到新元素的相应属性上
  newElement.innerHTML = "姓名：" + formData.name + "<br>邮箱：" + formData.email;
  
  // 将新元素添加到文档中
  document.getElementById("result").appendChild(newElement);
  
  // 清空表单输入
  document.getElementById("myForm").reset();
});

这段代码创建了一个包含姓名和邮箱输入框的表单。当用户点击提交按钮时，JavaScript代码会获取输入框的值，并将其存储在一个名为formData的对象中。然后，代码会创建一个新的div元素，并将formData对象的属性值映射到新元素的innerHTML属性上。最后，新元素会被添加到id为"result"的div中，显示在页面上。

这个例子中没有提及具体的腾讯云产品，因为与HTML表单输入映射到新元素的功能没有直接关联的腾讯云产品。