Form Reset Events and State Management
Handle form reset and track field state across user interactions.
The reset Event
Calling form.reset() or clicking <button type="reset"> fires a reset event on the form. Each field reverts to its initial value (the value attribute, or empty for fresh inputs). Listen for the event to react to the reset programmatically.
Default Values
The initial state used by reset is the defaultValue, defaultChecked or defaultSelected property — not the current value. These reflect the value/checked/selected attributes in the HTML, set at parse time and unchanged by user interaction.
All lessons in this course
- The FormData API
- The Constraint Validation API
- reportValidity and setCustomValidity
- Form Reset Events and State Management