The <button> tag with a type="reset"
attribute creates a reset button.
A reset button clears all form values to their original values.
A <button> 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 />
<button type="reset">Reset</button>
</form>
The <button type="reset">
creates a reset button.
Clicking a reset
button will clear all input elements in the form to their original value.
The button can contain text, images, icons, and other elements.
<button type="reset">...</button>
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 |
Back to <button>