Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

<input type="reset" />

By Jennifer Kyrnin, About.com

<input type="reset" /> Description:

The <input type="reset" /> tag sets the form elements back to their initial state when the form was first loaded.

<input type="reset" /> Web Browser Support:

<input type="reset" /> Attributes:

<input type="reset" /> Usage:

  • standard reset button:
    <form>
    <input type="reset" />
    </form>
  • reset field with changed wording:
    <form>
    <input type="reset" value="Clear the Form" />
    </form>
  • submit button with some styles added:
    <form>
    <input type="reset" value="Reset Me" style="background-color:#cc0000; color: #ffffff;" />
    </form>

<input type="reset" /> Special Notes:

  • The default wording on a submit button is "Reset".
  • Many people confuse the reset button with a "clear all" type button. The reset button only clears the form if that was the initial state of the form. If the form was pre-populated with data, clicking the reset button will cause the form to go back to that state, not to blank out all the entries.

More <input type="reset" /> Information:

Return to the <input /> Element
Return to XHTML Element (HTML Tags) Library

Explore Web Design / HTML

About.com Special Features

Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.