html点击添加输入框
时间: 2023-10-09 07:17:37 浏览: 87
可以使用JavaScript来实现点击添加输入框的功能。以下是一种实现方式:
HTML代码:
```html
<div id="input-fields">
<input type="text" name="input-field-1">
</div>
<button onclick="addInputField()">Add Input Field</button>
```
JavaScript代码:
```javascript
function addInputField() {
var container = document.getElementById("input-fields");
var input = document.createElement("input");
var count = container.children.length + 1;
input.setAttribute("type", "text");
input.setAttribute("name", "input-field-" + count);
container.appendChild(input);
}
```
解释:
1. HTML中有一个包含一个输入框的`<div>`,以及一个按钮。
2. JavaScript中的`addInputField()`函数会在点击按钮时被调用。
3. 函数会获取包含输入框的`<div>`元素,并创建一个新的输入框元素。
4. 新的输入框元素会被赋予一个唯一的名称(例如,第一个新输入框的名称为`input-field-2`)。
5. 新的输入框元素会被添加到包含输入框的`<div>`中。
阅读全文