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

来源：互联网发布：mysql怎么导入mdf文件编辑：程序博客网时间：2024/05/16 12:17

这里就是做了类似于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

0 0