可以通过以下步骤实现:
<form>
标签来定义表单,并设置一个唯一的id
属性,以便在JS中引用该表单。<form id="myForm">
<input type="text" id="inputField">
<button type="button" onclick="addToForm()">添加到表单</button>
</form>
document.getElementById()
方法获取表单元素和输入字段的引用。function addToForm() {
var input = document.getElementById("inputField").value;
var form = document.getElementById("myForm");
// 创建一个新的表单元素
var newElement = document.createElement("input");
newElement.setAttribute("type", "text");
newElement.setAttribute("value", input);
// 将新元素添加到表单中
form.appendChild(newElement);
}
这种方法可以用于动态地将用户输入添加到表单中,例如创建一个动态的待办事项列表或动态生成表单字段。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云