Open In App

HTML onreset Event Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The onreset event attribute in HTML is triggered when reset the form. This Attribute works with form tag and is triggered when a form is reset, either by user action or programmatically.

It also allows the execution of scripts or functions to handle actions after form reset.

Syntax:

<form onreset = "script">

Supported Tags: 

Attribute Value:

This attribute contains a single value script that works when onreset event call.

Example 1:

In this example, we will see the implementation of onreset tag.

html




<!DOCTYPE html>
<html>
 
<head>
    <title>onreset event attribute</title>
    <style>
        body {
            text-align: center;
        }
 
        h1 {
            color: green;
        }
    </style>
    <script>
        function Geeks() {
            alert("Form Reset...");
        }
    </script>
</head>
 
<body>
    <h1>
        GeeksforGeeks
    </h1>
    <h2>
        onreset event attribute
    </h2>
    <form onreset="Geeks()" style="color:blue" ;>
        First Name: <input type="text"></br>
        Last Name: <input type="text"></br>
        <input type="reset">
    </form>
</body>
 
</html>


Output: 

qsw

Output

Example 2: 

In this example, we will see the implementation of onreset tag.

HTML




<!DOCTYPE html>
<html>
 
<body>
    <center>
        <h1 style="color: green;">GeeksforGeeks</h1>
        <h3 style="color:orange;font-weight:bold;">
            Form Reset Example
        </h3>
 
        <form onreset="resetMessage()">
            <label for="inputField">Enter Text:</label>
            <input type="text" id="inputField"> <br>
            <button type="reset" style="margin-top: 10px;">
              Reset Form
              </button>
        </form>
 
        <p id="resetInfo"></p>
 
        <script>
            function resetMessage() {
                document.getElementById("resetInfo").
                innerHTML = "Form has been reset!";
            }
        </script>
    </center>
</body>
 
</html>


Output:

aqs

Output

Supported Browser:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 6 and above
  • Opera 12.1 and above
  • Safari 3 and above


Last Updated : 21 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads