web api event

HTMLFormElement: reset event

The reset event fires when a <form> is reset.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("reset", (event) => { })

onreset = (event) => { }

Event type

A generic Event.

Examples

This example uses addEventListener() to listen for form resets, and logs the current timeStamp whenever that occurs.

HTML

<form id="form">
  <label>Test field: <input type="text" /></label>
  <br /><br />
  <button type="reset">Reset form</button>
</form>
<p id="log"></p>

JavaScript

const form = document.getElementById("form");
const log = document.getElementById("log");

function logReset(event) {
  log.textContent = `Form reset! Timestamp: ${event.timeStamp}`;
}

form.addEventListener("reset", logReset);

Result

Interactive exampleOpen the canonical MDN source to run this embedded demo.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.