onreset (HTML attribute)

Spec
Depr. Version
No HTML 4
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+
Full Full Full Full

Syntax

onreset="script"

Description

The onreset attribute is used only within the context of forms, and is applied directly to the form element. When the user activates the form’s Reset button (if indeed it has one), the event is captured by this attribute, and can be used for whatever purpose the developer chooses.

Note that this attribute is used less commonly these days. Reset buttons on forms themselves have become increasingly rare, since they make it all too easy to accidentally wipe out all the details the user has spent time entering.

Example

If the form must have a Reset button, a good use of the onreset attribute would be to check whether the user really wanted to clear the form details:

<form name="frmPersonalDetails" action="/personal.php"
    onsubmit="checkPersonalDetails();"
    onreset="checkIfReallyWantToReset();"> ⋮ </form>

Value

This attribute has no fixed value. It’s up to the author to decide on the scripting that’s included here, be that a call to one or more defined functions, or a simple alert() statement.

Compatibility

Internet Explorer Firefox Safari Opera
5.5 6.0 7.0 1.0 1.5 2.0 1.3 2.0 3.0 9.2 9.5
Full Full Full Full Full Full Full Full Full Full Full

Every browser listed supports this attribute. However, inline event handlers such as this should be avoided. In the same way that inline CSS styles are frowned upon but externally defined CSS styles are considered good practice, inline event handlers should be stripped out and replaced with events attached unobtrusively through the DOM.

User-contributed notes

There are no comments yet.

Related Products