Open In App

HTML | DOM Input Submit disabled Property

Improve
Improve
Like Article
Like
Save
Share
Report

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: 

  • 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.

Default Value: false

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 return 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 set 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 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