Bookmark and Share

HTML Reset Buttons

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.

Advertise on Tizag.com

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!



Bookmark and Share




Found Something Wrong in this Lesson?

Report a Bug or Comment on This Lesson - Your input is what keeps Tizag improving with time!

New - Tizag.com Forums!
Recent Forum Topics:

Advertise Here

More Tutorials!
Microsoft Office Tutorials Artist Tutorials