<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.

Value

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

<form>
  <div>
    <label for="esempio">Inserisci un testo di esempio</label>
    <input id="esempio" type="text">
  </div>
  <div>
    <input type="reset" value="Resetta il form">
  </div>
</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.

Validation

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