HTML | DOM Input Submit disabled Property

Last Updated : 26 Aug, 2022

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>