HTML | DOM Input Reset type Property

Difficulty Level : Basic
Last Updated : 22 Jun, 2021

The Input Reset type Property in HTML DOM is used to return the type of form element of the reset filed. It always returns the text for an Input reset field.
Syntax:

resetObject.type

Below program illustrates the reset type property in HTML DOM:
Return Value: It returns a string value that represents the type of form element the Input reset field is.

Example: This example returns the type of form element of the reset field.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input reset type property
    </title>
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
 
    <h2>DOM Input reset type Property</h2>
     
    <input type="reset" id="GeekReset" value="Reset form">
 
     
<p>
        Click on below button to return the Property
    </p>
 
 
    <button onclick="myGeeks()">
        Click Here
    </button>
     
    <p id="Geek_p"></p>
  
     
    <script>
        function myGeeks() {
             
            // access input element with type = "reset"
            var x =
            document.getElementById("GeekReset").type;
            document.getElementById("Geek_p").innerHTML = x;
        }
    </script>
</body>
 
</html>                   

Output:
Before Clicking the Button:

After Clicking the Button:

Supported Browsers: The browser supported by DOM Input Reset type Property are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.

My Personal Notes

Related Articles

HTML | DOM Input Reset type Property

html