HTML | DOM Input Reset disabled Property

Difficulty Level : Basic
Last Updated : 11 Mar, 2019

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:

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

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.

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.

<!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() { 
              
            // Access input element with type = "reset" 
            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.

<!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 use Input Reset disabled property -->
    <script> 
        function myGeeks() { 
  
            var x = document.getElementById("GeekReset").disabled
                    = false; 
                      
            document.getElementById("Geek_p").innerHTML = x; 
        } 
    </script> 
</body> 
  
</html>                    