通过JavaScript复制具有值的表单

可以使用以下步骤：

首先，需要获取源表单中的所有输入元素的值。可以使用JavaScript的document.getElementById()或document.querySelector()等方法来获取表单元素的引用，并使用.value属性获取其值。
创建一个新的目标表单，可以使用document.createElement()方法创建一个新的<form>元素。
遍历源表单中的所有输入元素，并将其值复制到目标表单中。可以使用document.createElement()方法创建新的输入元素，并使用.value属性将源表单中的值赋给新的输入元素。
将新创建的输入元素添加到目标表单中，可以使用appendChild()方法将新的输入元素添加到目标表单中。
最后，将目标表单添加到文档中，可以使用document.body.appendChild()方法将目标表单添加到文档的主体部分。

以下是一个示例代码：

// 获取源表单中的所有输入元素的值
var sourceForm = document.getElementById('sourceForm');
var inputElements = sourceForm.getElementsByTagName('input');

// 创建新的目标表单
var targetForm = document.createElement('form');

// 遍历源表单中的所有输入元素，并将其值复制到目标表单中
for (var i = 0; i < inputElements.length; i++) {
  var inputValue = inputElements[i].value;

  // 创建新的输入元素，并将源表单中的值赋给新的输入元素
  var newInputElement = document.createElement('input');
  newInputElement.value = inputValue;

  // 将新创建的输入元素添加到目标表单中
  targetForm.appendChild(newInputElement);
}

// 将目标表单添加到文档中
document.body.appendChild(targetForm);

这样，通过JavaScript复制具有值的表单就完成了。请注意，上述代码仅复制了输入元素的值，并没有复制其他属性或样式。如果需要复制其他属性或样式，请根据具体需求进行相应的修改。