如何用input属性创建动态表单

   2024-10-07 4320
核心提示:可以通过JavaScript来动态地创建表单元素并为其添加属性。以下是一个示例:!DOCTYPE htmlhtmlheadtitle动态表单/title/headbodyf

可以通过JavaScript来动态地创建表单元素并为其添加属性。以下是一个示例:

<!DOCTYPE html><html><head>    <title>动态表单</title></head><body><form id="myForm">    <label for="name">姓名:</label>    <input type="text" id="name" name="name"><br><br></form><button onclick="addInput()">添加输入框</button><script>function addInput() {    var form = document.getElementById("myForm");    var input = document.createElement("input");    input.type = "text";    input.name = "newInput";    form.appendChild(input);}</script></body></html>

在上面的示例中,当点击按钮时,会动态地在表单中添加一个输入框。你也可以根据自己的需求添加更多的表单元素,并为其设置不同的属性。

 
举报打赏
 
更多>同类物流大全
推荐图文
推荐物流大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号