Open In App
Related Articles

HTML | DOM Input Reset disabled Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The Input Reset disabled Property in HTML DOM is used to set or return a boolean value which represents a reset button field should be disabled or not. By default, the disabled elements are shown in gray and are unusable and unclickable. 

Syntax: 

  • It returns the disabled property.
resetObject.disabled
  • It is used to set the disabled property.
resetObject.disabled = true|false

Property Values: 

  • true: It specifies the reset button is disabled.
  • false: It specifies the reset button is not disabled.

Default Value: false

Return Value: It returns a boolean value i.e. true if the reset button field is disabled or false if the reset field is not disabled. 

Example 1: This example returns the value of disabled property. 

HTML

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

                    

Output: 

Before Clicking the Button: 

 

After Clicking the Button: 

 

Example 2: This example illustrates how to set the Input reset disabled Property. 

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input reset disabled property
    </title>
</head>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input reset disabled Property</h2>
    <input type="reset" id="GeekReset" name="geeks"
            value="Reset form" disabled>
    <p>
        Click on below button to set the Property
    </p>   
    <button onclick="myGeeks()">
        Click Here
    </button>
    <p id="Geek_p" style="font-size:30px; color:green;"></p>
     
    <!-- Script to set Input Reset disabled property -->
    <script>
        function myGeeks() {
 
            var x = document.getElementById("GeekReset").disabled
                    = false;
                     
            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 disabled Property are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Opera
  • Safari 1 and above


Last Updated : 26 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads