Horje
HTML onreset Event Attribute
The HTML onreset event attribute is an event handler that is triggered when an HTML form is reset. This event occurs when a user clicks a reset button within the form, or when the reset() method is called programmatically on the form element.
 

Example of HTML onreset Event Attribute

It will Execute a JavaScript when the Reset button in a form is clicked.
index.html
Example: HTML
 <form onreset="myFunction()">
  Enter name: <input type="text">
  <input type="reset">
</form> 

Output should be:

Example of HTML onreset Event Attribute

Definition and Usage of HTML onreset Event Attribute

The onreset attribute fires when a form is reset.

The onreset event attribute in HTML is used to execute a script or function when a form is reset. This event fires whenever a user clicks a reset button within a form, or when the reset() method is programmatically called on a form element.
 

 

Browser Support of HTML onreset Event Attribute

Browser Support of HTML onreset Event Attribute

Syntax of HTML onreset Event Attribute

<element onreset="script">

Attribute Values of HTML onreset Event Attribute

Value Description
script The script to be run on onreset

Technical Details of HTML onreset Event Attribute

Supported HTML tags: <form>

How to add a JavaScript when the Reset button in a form is clicked

When you reset the form, a function is triggered which alerts some text.

index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<p>When you reset the form, a function is triggered which alerts some text.</p>

<form onreset="myFunction()">
  Enter name: <input type="text">
  <input type="reset">
</form>

<script>
function myFunction() {
  alert("The form was reset");
}
</script>

</body>
</html>

Output should be:

How to add a JavaScript when the Reset button in a form is clicked




html event attributes

Type:
Develop
Category:
Web Tutorial
Sub Category:
HTML Form Events Attribute
Uploaded by:
Admin


Read Article
https://develop.horje.com/learn/1434/reference