动态添加表单元素 经典代码
程序员文章站
2022-03-23 20:54:49
动态添加表单元素 经典代码
[html]
动态添加表单元素...</div>
<div class="content">
动态添加表单元素 经典代码<br>
[html] <br>
<html > <br>
<head> <br>
<title>动态添加表单元素</title> <br>
</head> <br>
<script language="javascript"> <br>
function addelement(mytype){ <br>
var mytype,temo=document.getelementbyid("add"); <br>
var newinput = document.createelement("input"); <br>
newinput.type=mytype; <br>
newinput.name="input1"; <br>
temo.appendchild(newinput); <br>
var newline= document.createelement("br"); <br>
temo.appendchild(newline); <br>
} <br>
</script> <br>
<body> <br>
<form action="" method="get" name="frm"> <br>
<p id="add"> <br>
<input type="text" name="textfield"> <br>
<br>
</p> <br>
</form> <br>
<input name="" type="button" value="新建文本框" onclick="addelement('text')" /> <br>
<input name="" type="button" value="新建复选框" onclick="addelement('checkbox')" /> <br>
<input name="" type="button" value="新建单选框" onclick="addelement('radio')" /> <br>
<input name="" type="button" value="新建文件域" onclick="addelement('file')" /> <br>
<input name="" type="button" value="新建密码框" onclick="addelement('password')" /> <br>
<input name="" type="button" value="新建提交按钮" onclick="addelement('submit')" /> <br>
<input name="" type="button" value="新建恢复按钮" onclick="addelement('reset')" /> <br>
</body> <br>
</html> <br><br>
作者：primary_wind </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/303556.html">
揭秘古代指南针的为何不叫指北针? </a>
</p>
<p>
下一篇： <a href="/article/303558.html">
爱剪辑视频字幕怎么制作拖尾放大出现特效? </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2226709.html" target="_blank" title="jQuery实现动态添加和删除input框实例代码">
<h2>
jQuery实现动态添加和删除input框实例代码 </h2>
</a>
</li>
<li>
<a href="/article/2225909.html" target="_blank" title="jQuery实现为动态添加的元素绑定事件实例分析">
<h2>
jQuery实现为动态添加的元素绑定事件实例分析 </h2>
</a>
</li>
<li>
<a href="/article/2225379.html" target="_blank" title="Vue+Element实现动态生成新表单并添加验证功能">
<h2>
Vue+Element实现动态生成新表单并添加验证功能 </h2>
</a>
</li>
<li>
<a href="/article/2216137.html" target="_blank" title="Vue表单绑定的实例代码（单选按钮,选择框（单选时,多选时,用 v-for 渲染的动态选项）">
<h2>
Vue表单绑定的实例代码（单选按钮,选择框（单选时,多选时,用 v-for 渲染的动态选项） </h2>
</a>
</li>
<li>
<a href="/article/2215936.html" target="_blank" title="一个不错的给图片添加说明文字的动态层的实现代码">
<h2>
一个不错的给图片添加说明文字的动态层的实现代码 </h2>
</a>
</li>
<li>
<a href="/article/2212744.html" target="_blank" title="jQuery实现动态添加和删除input框代码实例">
<h2>
jQuery实现动态添加和删除input框代码实例 </h2>
</a>
</li>
<li>
<a href="/article/2197413.html" target="_blank" title="android ListView内数据的动态添加与删除实例代码">
<h2>
android ListView内数据的动态添加与删除实例代码 </h2>
</a>
</li>
<li>
<a href="/article/2178809.html" target="_blank" title="javascript写的一个表单动态输入提示的代码">
<h2>
javascript写的一个表单动态输入提示的代码 </h2>
</a>
</li>
<li>
<a href="/article/2172327.html" target="_blank" title="在Android中动态添加Panel框架的实现代码">
<h2>
在Android中动态添加Panel框架的实现代码 </h2>
</a>
</li>
<li>
<a href="/article/2166471.html" target="_blank" title="Android动态添加碎片代码实例">
<h2>
Android动态添加碎片代码实例 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>