HTML Reset Buttons (HTML Forms tutorials part 10)

Reset buttons exist to reset the fields of your form. These are handy for very large forms and the user is having difficulty or simply needs to start filling in the form from scratch.

HTML Code:

<input type="reset" value="Reset" />
<input type="reset" value="Start Over" />

Reset Button:

HTML Reset in Action

To actually make submit and reset buttons function with your other input fields. They need to be placed within a form tag. HTML Forms has some great examples of how to use the form tag properly.

HTML Code:

<form action="myphp.php" method="post">
<input type="text" size="12" maxlength="12" />
<input type="text" size="24" maxlength="24" />
<input type="reset" value="Reset" />
</form>

Reset Forms:

Fill out some information in the field boxes and press reset to experience a reset form!