html点击按钮动态添加文本框
时间: 2023-07-06 22:11:44 浏览: 422
JS动态添加文本框.html
5星 · 资源好评率100%
可以使用JavaScript来实现这个功能,具体步骤如下:
1. 在HTML中添加一个按钮元素和一个用于容纳文本框的元素,例如:
```
<button onclick="addTextBox()">添加文本框</button>
<div id="text-box-container"></div>
```
2. 在JavaScript中编写一个函数,用于创建文本框元素并将其添加到容器中,例如:
```
function addTextBox() {
// 创建文本框元素
var textBox = document.createElement("input");
textBox.type = "text";
// 获取文本框容器
var container = document.getElementById("text-box-container");
// 将文本框添加到容器中
container.appendChild(textBox);
}
```
3. 当用户点击按钮时,调用该函数即可动态添加文本框。
阅读全文