Form.reset() : Form Object « Form « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Form
  3. Form Object

The reset method resets all the form elements to their default values.

It operates the same as a mouse click on a Reset button for the calling form.

<html>
    <head>
    <title> Using the reset method of the Form object</title>
    </head>
    <body>
    <script language="JavaScript">
    <!--
    function resetForm(form){
         document.form1.reset(form);
    }
    -->
    </script>
    <form name="form1">
    Field 1:<input type="text" size="20" name="text1"><br>
    Field 2:<input type="text" size="20" name="text2"><br>
    Field 3:<input type="text" size="20" name="text3"><br>
    <input type="button" name=reset value="reset" onClick='resetForm(this.form)'>
    </form>
    </body>
    </html>








10.2.Form Object
10.2.1.Form
10.2.2.Using the Forms Array
10.2.3.Form.action
10.2.4.Form.elements
10.2.5.Form.elements.length
10.2.6.form.encoding
10.2.7.Form.handleEvent()
10.2.8.Form.length
10.2.9.Form.method
10.2.10.Form.name
10.2.11.Form.onReset
10.2.12.Form.onSubmit
10.2.13.Form.reset()
10.2.14.Form.submit()
10.2.15.Form.target