当前位置:首页 > 开发 > Web前端 > 前端 > 正文

Form 表单重置

发表于: 2013-01-21   作者:aiyou110   来源:转载   浏览:
摘要: 在重置按钮在form表单中,可以加入一个input, type="reset":   Form重置代码   <form >     <input type="text"/>     

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

Form 表单重置

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号