Widely availableSupported across all major browsers. Safe to use in production.
Forms Widely available

<input type="reset">

The <input type="reset"> HTML element represents a button that sets all form fields to their initial values.

Forms

Overview

The <input type="reset"> HTML element represents a button that sets all form fields to their initial values.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
html.elements.input.type_reset
1
12
1
1
18
1
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 1 item(s)
Implementation note
  • Unlike other browsers, Firefox by default persists the dynamic disabled state of a `<button>` across page loads. Use the `autocomplete` attribute to control this feature.

Syntax

HTML 
<form>
  <input type="text" name="name" value="">
  <input type="reset" value="リセット">
  <input type="submit" value="送信">
</form>

Live demo

formreset

Reset type in forminside. allinputvalue initialperiodvalue to button.

PreviewFullscreen

reset. makeconfirm

Inputvalue change from resetbutton press and initialperiodvalue to Back.

PreviewFullscreen

Reset and button. Difference

Type=reset is auto in form reset.type=button is also.

PreviewFullscreen

Use cases

  • Using <input type="reset">

    The <input type="reset"> HTML element represents a button that sets all form fields to their initial values.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Verify how this element is announced by screen readers.

Related links

Powered by web-features