html中重置input标签中的数据的方法，类似于reset

这里就是做了类似于reset的功能

1）这是主要界面代码

<tr>
		<td>用户名：</td>
		<td> <input type="name" id="name"></td>
	</tr>
	<tr>
		<td>密码：</td>
		<td> <input type="password" id="pwd"></td>
	</tr>
	<tr>
		<td>电话：</td>
		<td> <input type="text" id="cell"></td>
	</tr>
	<tr>
		<td>爱好：</td>
		<td> <input type="text" id="hobby"></td>
	</tr>

2）清空循环清空input标签中的数值

<span style="font-size:14px;">var spans=document.getElementsByTagName("input");//获取html中的所有的input标签
	for(var j=0;j<spans.length;j++){              
	var span = spans[j];       // input标签的数组                  
	document.getElementById(span.id).value ="";</span><span style="font-size:14px;">
	console.info(span.id);   </span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 14px;">//获取input便签中的id值</span><span style="font-size: 14px; font-family: Arial, Helvetica, sans-serif;">span.id</span><span style="font-size:14px;">

}  </span>

3）以下是效果图

4）参考链接

http://bbs.csdn.net/topics/340176862

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/xieshuhi_2013/article/details/51762320
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-02-25 00:08:25
阅读 ( 908 )
分类：前端

html中重置input标签中的数据的方法，类似于reset

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看