当前位置:编程学习 > html/css >>

动态添加表单元素 经典代码

动态添加表单元素 经典代码
[html] 
<html >  
<head>  
<title>动态添加表单元素</title>  
</head>  
<script language="javascript">  
function AddElement(mytype){  
var mytype,TemO=document.getElementById("add");  
var newInput = document.createElement("input");  
newInput.type=mytype;  
newInput.name="input1";  
TemO.appendChild(newInput);  
var newline= document.createElement("br");  
TemO.appendChild(newline);  
}  
</script>  
<body>  
<form action="" method="get" name="frm">  
<div id="add">  
           <input type="text" name="textfield"> 
 
</div>  
</form>  
<input name="" type="button" value="新建文本框" onClick="AddElement('text')" />  
<input name="" type="button" value="新建复选框" onClick="AddElement('checkbox')" />  
<input name="" type="button" value="新建单选框" onClick="AddElement('radio')" />  
<input name="" type="button" value="新建文件域" onClick="AddElement('file')" />  
<input name="" type="button" value="新建密码框" onClick="AddElement('password')" />  
<input name="" type="button" value="新建提交按钮" onClick="AddElement('submit')" />  
<input name="" type="button" value="新建恢复按钮" onClick="AddElement('reset')" />  
</body>  www.zzzyk.com
</html> 

作者:Primary_wind
补充:web前端 , HTML 5 ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,