首页java脚本弹出输入框,使用弹出框编辑(增加)表单内容

java脚本弹出输入框,使用弹出框编辑(增加)表单内容

时间: 2023-09-16 10:13:35 浏览: 119

你可以使用JavaScript中的prompt()函数创建一个弹出输入框，让用户输入表单内容。然后你可以将输入的内容添加到表单中。以下是一个简单的例子： ```html <!DOCTYPE html> <html> <head> <title>添加表单内容</title> </head> <body> <form id="myForm"> <label for="name">姓名：</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄：</label> <input type="text" id="age" name="age"><br><br> <button onclick="addContent()">添加内容</button> </form> <script> function addContent() { var name = prompt("请输入姓名："); var age = prompt("请输入年龄："); if (name && age) { var form = document.getElementById("myForm"); var inputName = document.createElement("input"); inputName.setAttribute("type", "text"); inputName.setAttribute("name", "names[]"); inputName.setAttribute("value", name); form.appendChild(inputName); var inputAge = document.createElement("input"); inputAge.setAttribute("type", "text"); inputAge.setAttribute("name", "ages[]"); inputAge.setAttribute("value", age); form.appendChild(inputAge); } else { alert("请输入完整信息！"); } } </script> </body> </html> ``` 在这个例子中，我们使用prompt()函数弹出两个输入框，让用户输入姓名和年龄。如果用户输入了完整的信息，我们就创建两个新的input元素，分别用于存储姓名和年龄，并将它们添加到表单中。注意，我们给每个新创建的input元素设置了一个不同的name属性，并为其赋值。这样，在表单提交时，我们就可以轻松地获取新添加的内容了。

阅读全文