HTML | DOM Form reset() Method

The Form reset() method in HTML DOM is used to reset all the value of form elements and use the default value. This method works as a reset button. It does not contain any parameters.

Syntax:

formObject.reset()

Example:

html

<!DOCTYPE html> 
<html> 
 
<head>
    <title>
        HTML DOM Form reset() Method
    </title>
</head>
 
<body> 
    <h1 style="color:green;">
        w3wiki
    </h1>
     
    <h2>DOM Form reset() Method</h2>
     
    <!-- HTML code to create form -->
    <form action="#" method="post" id="users"> 
     
        <label for="username">Username:</label> 
        <input type="text" name="username" id="Username">
         
        <br>
         
        <label for="password">Password:</label>
        <input type="password" name="password" id ="password">
         
        <br>
         
        <input type="reset" id="GFG" value="Reset"> 
    </form> 
     
    <!-- script to use reset() method -->
    <script>
        document.getElementById("GFG").reset();
    </script>
</body> 
 
</html>                    

Output:

Before Click on the Button:

After Click on the Button:

Supported Browsers: The browser supported by DOM Form reset() method are listed below:

Google Chrome 1 and above
Edge 12 and above
Firefox 1 and above
Opera 8 and above
Safari 3 and above

Tags:

#HTML-DOM #HTML-Methods #HTML #Web Technologies

HTML | DOM Form enctype Property

HTML | DOM Form submit() Method

HTML | DOM Form reset() Method

html

Contact Us