Using an HTML ‘Reset’ button is an easy way to reset all form fields to their default values. For instance, the code snippet below shows an <input> field of type “reset”, which on being clicked resets all the form fields: <input type="reset" value="Reset Form"> In fact, we could also use the form’s reset() method to achieve the same effect, using a simple button element: <input type="button" value="Reset Form" onClick="this.form.reset()" /> These methods are very convenient to use, but they do not provide the functionality of clearing all the fields, including their default values.
The basics of an HTML form submit button is discussed first in this article, moving towards more advanced topics like multiple submit buttons. The code below creates a form submit button: <input type="submit" name="mysubmit" value="Click!" /> name: specifies the identification assigned to this submit button. value: is the label that appears on the button. Identifying the submit button on the server side The name and value of the button that is pressed to submit the form is passed to the server side script.