Skip to content
Related Articles

Related Articles

HTML | DOM Input Submit disabled Property
  • Difficulty Level : Basic
  • Last Updated : 11 Mar, 2019

The Input Submit disabled property in HTML DOM is used to set or return the boolean value that represents a Submit field should be disabled or not. By default the disabled elements are display in gray and are unusable and unclickable.

Syntax:

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

Property Values:

  • true: It specifies the submit field is disabled.
  • false: It specifies the submit field is not disabled.

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

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






<!DOCTYPE html> 
<html
  
<head
    <title
        HTML DOM Input Submit disabled Property
    </title
</head
  
<body style="text-align:center;"
    <h1>
        GeeksForGeeks
    </h1>
      
    <h2
        HTML DOM Input Submit disabled Property 
    </h2
      
    <form id="myGeeks" action="#" method="get" target="_self">
      
    <input type = "submit" id = "Geeks" name="myGeeks"
        value = "Submit @ geeksforgeeks" disabled>
    </form>
      
    <p>
        click on below button to return the Property
    </p>
      
    <button onclick = "myGeeks()"
        Click Here! 
    </button
      
    <p id = "GFG"style="font-size:25px;"></p
      
    <!-- Script to set submit disbled Property -->
    <script
        function myGeeks() { 
            var btn = document.getElementById("Geeks").disabled;
            document.getElementById("GFG").innerHTML =btn; 
        
    </script
</body
  
</html>                    


Output:
Before Clicking the Button:

After Clicking On Button :

Example 2: This example illustrates how to set Input Submit disabled property.




<!DOCTYPE html> 
<html
  
<head
    <title
        HTML DOM Input Submit disabled Property
    </title
</head
  
<body style="text-align:center;"
    <h1>
        GeeksForGeeks
    </h1>
      
    <h2
        HTML DOM Input Submit disabled Property 
    </h2
      
    <form id="myGeeks" action="#" method="get" target="_self">
      
    <input type = "submit" id = "Geeks" name="myGeeks"
        value = "Submit @ geeksforgeeks" disabled>
    </form>
      
    <p>
        click on below button to set the Property
    </p>
      
    <button onclick = "myGeeks()"
        Click Here! 
    </button
      
    <p id = "GFG"style="font-size:25px;"></p
      
    <!-- Script to return submit disbled Property -->
    <script
        function myGeeks() { 
            var btn = document.getElementById("Geeks").disabled
                    = false;
                      
            document.getElementById("GFG").innerHTML =btn; 
        
    </script
</body
  
</html>                    


Output:
Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browser supported by DOM Input Submit disabled Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :