首页jsp怎么点击按钮在form内新增文本输入框

jsp怎么点击按钮在form内新增文本输入框

时间: 2024-05-14 07:19:57 浏览: 10

你可以使用JavaScript来实现在form内新增文本输入框的功能。以下是一个示例代码： ``` <!DOCTYPE html> <html> <head> <title>Add Textbox Dynamically using JavaScript</title> <script> function addTextbox(){ var form = document.getElementById("myForm"); // 获取form元素 var input = document.createElement("input"); // 创建input元素 input.type = "text"; // 设置input类型为文本输入框 input.name = "textbox[]"; // 设置input的name属性 form.appendChild(input); // 将input添加到form中 } </script> </head> <body> <form id="myForm"> <input type="button" value="Add New Textbox" onclick="addTextbox()"> </form> </body> </html> ``` 在这个示例中，我们创建了一个名为`myForm`的form元素，然后创建了一个按钮，当按钮被点击时，调用`addTextbox()`函数。该函数首先获取form元素，然后创建一个文本输入框，并将其添加到form中。请注意，我们将输入框的name属性设置为`textbox[]`，这是为了在后台处理多个输入框时能够轻松访问它们。