reset

Like on, reset also accepts a single event action as input.

The only job of this feature is to restore the element's default value.

Custom elements (e.g. Web Components) can also be made resettable; all they must do is implement the standard reset method.

HTML Result

<h4 class="mt0">
  Change the value of the input and click the button to restore it.
</h4>

<form reset="doReset">
  <input
    type="text"
    value="edit me"
    class="input"
  >
</form>

<button
  type="button"
  class="btn mt2"
  on:click="doReset"
>
  click me
</button>