<input type="reset">
<input> elements of type reset are rendered as buttons, with a default click event handler that resets all inputs in the form to their initial values.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 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
reset. makeconfirm
Inputvalue change from resetbutton press and initialperiodvalue to Back.
PreviewFullscreen
Use cases
-
Using <input type="reset">
<input> elements of type reset are rendered as buttons, with a default click event handler that resets all inputs in the form to their initial values.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.