Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM onreset Event

  • Difficulty Level : Basic
  • Last Updated : 08 Mar, 2022

The onreset event in HTML DOM occurs when a form is reset. Only <form> tag is supported in this event.
Supported Tags 

Syntax: 
 

  • In HTML: 
     
<element onreset="myScript">
  • In JavaScript: 
     
object.onreset = function(){myScript};
  • In JavaScript, using the addEventListener() method: 
     
object.addEventListener("reset", myScript);

Example: Using the addEventListener() method 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
      HTML DOM onreset Event
  </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
          GeeksforGeeks
      </h1>
        <h2>HTML DOM onreset Event</h2>
 
        <form id="formID">
            Email:
            <input type="email">
            <input type="submit" value="Submit">
            <input type="reset">
        </form>
    </center>
    <script>
        document.getElementById(
          "formID").addEventListener("reset", GFGfun);
 
        function GFGfun() {
            alert("Form reset");
        }
    </script>
 
</body>
 
</html>

Output: 
Before: 
 

After: 
 

Supported Browsers: The browsers supported by HTML DOM onreset Event are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!