Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

HTML | DOM Input Submit disabled Property

  • Difficulty Level : Basic
  • Last Updated : 30 Sep, 2021

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 displayed 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.
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 the disabled property.  

HTML




<!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 disabled 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. 

HTML




<!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 disabled 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



My Personal Notes arrow_drop_up
Recommended Articles
Page :