HTMLFormElement : évènement reset

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'évènement reset de l'interface HTMLFormElement se déclenche lorsqu'un élément HTML <form> est réinitialisé.

Dans cet article

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener() ou définissez une propriété gestionnaire d'évènements.

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

onreset = (event) => { }

Type d'évènement

Un objet Event générique.

Exemples

Cet exemple utilise EventTarget.addEventListener() pour écouter les réinitialisations de formulaire, et enregistre le Event.timeStamp actuel à chaque occurrence.

HTML

html
<form id="form">
  <label>Champ de test&nbsp;: <input type="text" /></label>
  <br /><br />
  <button type="reset">Réinitialiser le formulaire</button>
</form>
<p id="log"></p>

JavaScript

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

function logReset(event) {
  log.textContent = `Formulaire réinitialisé ! Horodatage : ${event.timeStamp}`;
}

form.addEventListener("reset", logReset);

Résultat

Spécifications

Spécification

HTML
# event-reset

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Voir aussi

L'élément HTML <form>

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 7 déc. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLFormElement
Propriétés d'instance
Méthodes d'instance
Évènements
1. formdata
2. reset
3. submit
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript