Form 表单重置

在重置按钮在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>