<input type="reset">

The <input type="reset"> elements appear as buttons, with a default click event handler that resets all inputs in the form to their initial values.


The value attribute of an <input type="reset"> element contains a string that is used as the button label. Buttons like reset have no value otherwise.

Setting the value attribute

<input type="reset" value="Resetta il form">

Omission of the value attribute

If you don't specify a value, you get a button with the default label (usually "Restore", but this varies depending on the user agent):

<input type="reset">

Using <input type="reset">

In <input type="reset"> 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 <input type="button">, or better yet, a <button> element.

A simple reset button

    <label for="esempio">Inserisci un testo di esempio</label>
    <input id="esempio" type="text">
    <input type="reset" value="Resetta il form">

Disabling and enabling a reset button

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

<input type="reset" value="Disabilitato" disabled>

Note: See the <input type="button"> page for more ideas on enabling and disabling buttons.


Buttons do not participate in constraint validation; they have no real value to bind.