html tutorial - onreset Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Onreset attribute in html - html examples - html programs
- The onreset attribute triggers when a form is reset.
- The onreset attribute is part of the Event attributes and can be used on the <form> element.
Syntax for onreset attribute in HTML:
<element onreset="script">
Applies To:
Element | Attribute |
---|---|
All HTML Elements | onreset |
Attribute Values:
Value | Description |
---|---|
script | The script to be run on onreset. |
Sample Coding for onreset Attribute in HTML:
Tryit<!DOCTYPE html>
<html>
<head>
<title>Wikitechy HTML onreset attribute</title>
<body>
<form onreset="OnReset()">Wikitechy Tutorials:
<input type="text">
<input type="reset">
</form>
<script>
function OnReset()
{
alert ("Wikitechy form has been reseted!");
}
</script>
</body>
</html>
Code Explanation for onreset Attribute in HTML:

- The onreset attribute is used to call onReset() JavaScript function when the form is reseted.
- The JavaScript function onReset() is used to display an alert message.
Output for onreset Attribute in HTML:

- If the user type the text inside the input field and click the reset button.

- When the Reset button clicked the alert box is open with the message.

- After clicking the ok button the text field is reseted.
Browser Support for onreset Attribute in HTML:
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes |