admin 管理员组

文章数量: 1184232
<title>test6</title>
<script>
var x = 4;
//给按钮添加点击事件
function add(){
//添加输入框
//1.创建输入框
var input = document.createElement("input");
//2.给输入框添加属性
input.value = "输入框" + x;
x++;
//3.将输入框放入指定位置（最后面）
var center = document.getElementById("center");
center.appendChild(input);
var br = document.createElement("br");
center.appendChild(br);
}
function show(){
var inputs = document.getElementsByTagName("input");
//alert(inputs.length);
//var arr = [];
var str = "";
/*for(i in inputs){
str = str + inputs[i].value;
}*/
for(i=0;i<inputs.length;i++){
str = str + inputs.item(i).value;
}
alert(str);
}
function clears(){
//alert("asdf");
var inputs = document.getElementsByTagName("input");
for(i=0;i<inputs.length;i++){
inputs.item(i).value = "";
//alert(inputs.item(i).value);
}
}
</script>
</head>


<body>
<center id="center">
<button onclick="add()">增加</button>
<button onclick="show()">展示文本</button>
<button onclick="clears()">清空内容</button><br/><br/>
<input type="text" value="输入框1" /><br/>
<input type="text" value="输入框2" /><br/>
<input type="text" value="输入框3" /><br/>
</center>
</body>

本文标签： 与删除文 输入框 编程

版权声明：本文标题：HTML动态添加与删除文本框 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1773872740a3566689.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。