Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

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>                    

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
  • Internet Explorer
  • Firefox
  • Opera
  • Safari



My Personal Notes arrow_drop_up
Recommended Articles
Page :