Question

点击增加 即可复制一行姓名 +文本框，JS+HTML这么做。

如图片所示

Answer 1

function addElement() {
	var span = document.createElement("span");
	span.innerHTML = "姓名";
	span.style = "border:1px solid #000;";
	var input = document.createElement("input");
	input.type = "text";
	var br = document.createElement("br");
	document.body.appendChild(span);
	document.body.appendChild(input);
	document.body.appendChild(br);
}
window.onload = function () {
	var btn = document.createElement("input");
	btn.type = "button";
	btn.value = "增加";
	btn.onclick = function () {
		addElement();
	}
	var br = document.createElement("br");
	document.body.appendChild(btn);
	document.body.appendChild(br);
}

直接放在<script>标签中就能用了，样式啥的自己改改吧

追问

如果我有个表单 里面包含很多组件，
我通过这种方法拿到表单，点击增加出里面的组件吗？
即使点击增加 一次性增加3个姓名+文本框（外层包了一个form表单）