Dofactory.com
Dofactory.com

HTML <input> type="reset"

The <input> tag with a type="reset" attribute creates a reset button.

A reset button clears all form values to their original values.

Example

#

An <input> element of type reset.
Change the name and click Reset. This will change the value back to the original value.



<form action="/tutorial/action.html">
  <label for="name">Name</label><br />
  <input type="text" id="name" name="name"
         value="Anna"><br />

  <input type="reset" value="Reset">
</form>

Using input type="reset"

The <input type="reset"> creates a reset button.

Clicking a reset button will reset all input elements in the form to their original value.

If the button's value is not set, it will default to Reset.


Syntax

<input type="reset">

Browser support

Here is when type="reset" support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

 Back to <input>

Author: Jack Poorte
Published: Jun 20 2021
Last Reviewed: Sep 30 2023


What's your favorite/least favorite part of Dofactory?


Guides