可以使用以下步骤:
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复制具有值的表单就完成了。请注意,上述代码仅复制了输入元素的值,并没有复制其他属性或样式。如果需要复制其他属性或样式,请根据具体需求进行相应的修改。
领取专属 10元无门槛券
手把手带您无忧上云