<input type="reset"> - HTML

`Omitting the value attribute`

If you don't specify a value, you get a button with the default label (typically "Reset," but this will vary depending on the user agent):

html

`Using reset buttons`

buttons are used to reset forms. If you want to create a custom button and then customize the behavior using JavaScript, you need to use , or better still, a

`A basic reset button`

We'll begin by creating a basic reset button:

html Type in some sample text This renders like so: Try entering some text into the text field, and then pressing the reset button.

`Adding a reset keyboard shortcut`

To add a keyboard shortcut to a reset button — just as you would with any for which it makes sense — you use the accesskey global attribute.

In this example, r is specified as the access key (you'll need to press r plus the particular modifier keys for your browser/OS combination; see accesskey for a useful list of those). html Type in some sample text The problem with the above example is that there's no way for the user to know what the access key is! This is especially true since the modifiers are typically non-standard to avoid conflicts. When building a site, be sure to provide this information in a way that doesn't interfere with the site design (for example by providing an easily accessible link that points to information on what the site access keys are). Adding a tooltip to the button (using the title attribute) can also help, although it's not a complete solution for accessibility purposes.

`Disabling and enabling a reset button`

To disable a reset button, specify the disabled attribute on it, like so:

html You can enable and disable buttons at run time by setting disabled to true or false; in JavaScript this looks like btn.disabled = true or btn.disabled = false. Note: See the page for more ideas about enabling and disabling buttons.

`Validation`

Buttons don't participate in constraint validation; they have no real value to be constrained.

`Examples`

We've included basic examples above. There isn't really anything more to say about reset buttons.

`Technical summary`

Value	A string used as the button's label
Events	`click`
Supported common attributes	`type` and `value`
IDL attributes	`value`
DOM interface	`HTMLInputElement`
Methods	None
Implicit ARIA Role	`button`

`Specifications`

Specification
HTML # reset-button-state-(type=reset)

`Browser compatibility`

See also and the HTMLInputElement interface which implements it. Forms and buttons HTML forms The Help improve MDN Was this page helpful to you? Learn how to contribute.This page was last modified on Apr 10, 2025 by MDN contributors. View this page on GitHub • Report a problem with this content