欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Form 表单重置

程序员文章站 2022-07-13 13:46:09
...

在重置按钮在form表单中,可以加入一个input, type="reset":

 

Form重置代码  

  1. <form >  
  2.   <input type="text"/>  
  3.   <input type="reset" value="reset" />  
  4. </form> 

 

在重置按钮不在form表单中,上面的重置按钮就不管用了,如何重置表单中的内容呢?

内容重置的实现:

Js代码  
  1. <script type="text/javascript">  
  2.     function ResetControl() {  
  3.      var v = document.forms[0].elements;  
  4.      for (var i = 0; i < v.length; i++) {  
  5.          if (v[i].type == "text") {  
  6.              v[i].value = "";  
  7.          } else if (v[i].type == "select-one") {  
  8.          v[i].options[0].selected = true;  
  9.          }  
  10.      }  
  11.   }  
  12. </script>