JavaScript实现重置表单（reset）的方法

这篇文章主要介绍了JavaScript实现重置表单(reset)的方法,涉及javascript中reset()方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript实现重置表单(reset)的方法。分享给大家供大家参考。具体如下：

下面的代码可以对表单内的输入数据进行重置

1. <!DOCTYPE html> 
2. <html> 
3. <head> 
4. <script> 
5. function formReset() 
6. { 
7. document.getElementById("frm1").reset(); 
8. } 
9. </script> 
10. </head> 
11. <body> 
12. <p>Enter some text in the fields below,  
13. then press the "Reset form" button to reset the form.</p> 
14. <form id="frm1"> 
15. First name: <input type="text" name="fname"><br> 
16. Last name: <input type="text" name="lname"><br><br> 
17. <input type="button" onclick="formReset()" value="Reset form"> 
18. </form> 
19. </body> 
20. </html> 

希望本文所述对大家的javascript程序设计有所帮助。