温馨提示×

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

小樊
100
2024-07-03 12:25:11
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

可以通过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>

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

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:input属性如何影响表单验证

0