Open In App

HTML | DOM Input Submit disabled Property

Last Updated : 26 Aug, 2022
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


Similar Reads

HTML DOM Input Submit formTarget Property
The Input Submit formTarget Property in HTML DOM is used to set or return the value of the formtarget attribute of the submit field. The Target attribute is used to specify whether the submitted result will open in the current window, a new tab or on a new frame. Syntax: It is used to return the formTarget property.submitObject.formTargetIt is used
3 min read
HTML | DOM Input Submit form Property
The Input Submit form Property in HTML DOM is used to return the reference of form containing the input Submit field. It is a read-only property that returns the form object on success. Syntax: submitObject.form Return Values: It returns a string value which specify the reference of the form containing the Input submit field Example: This example i
1 min read
HTML | DOM Input Submit formAction Property
The Input Submit formAction Property in HTML DOM is used to set or return the value of the formaction attribute of a submit button. After submission of form the formaction attribute called. The form data is to be sent to the server after submission of form. It overrides the feature of the action attribute of a &lt;form&gt; element. Syntax: It retur
3 min read
HTML | DOM Input Submit formEnctype Property
The Input Submit formEnctype Property in HTML DOM is used to set or return the value of the enctype attribute in a Submit Field. This attribute specifies the data that will be present in the form should be encoded when submitting to the server. This type of attribute can be used only if method = "POST". It overrides the enctype attribute of a &lt;f
3 min read
HTML DOM Input Submit name Property
The Input Submit name Property in HTML DOM is used to set or return the value of name attribute of a submit field. The name attribute is required for each input field. If the name attribute is not specified in an input field then the data of that field would not be sent at all. Syntax: It returns the Input Submit name property.submitObject.nameIt i
2 min read
HTML DOM Input Submit formMethod Property
The Input Submit formMethod Property in HTML DOM is used to set or return the value of the formMethod attribute of a submit Button. The formMethod attribute is used to specify the HTTP method used to send data while submitting the form. There are two kinds of HTTP Methods, which are GET and POST. This attribute overrides the method attribute of a
3 min read
HTML | DOM Input Submit formNoValidate Property
The Input Submit formNoValidate Property in HTML DOM is used to set or return whether the form data should be validate or not when submitting the form. This Property is used to reflect the HTML formnovalidate attribute. Syntax: It returns formNoValidate property. submitObject.formNoValidate It is used to set the formNoValidate property. submitObjec
2 min read
HTML | DOM Input Submit autofocus Property
The Input Submit autofocus Property in HTML DOM is used to set or return whether the Input Submit Field should get focus or not when the page loading. It reflects the HTML autofocus attribute. Syntax: It returns the autofocus property.submitObject.autofocusIt is used to set the autofocus property.submitObject.autofocus = "true|false" Property Value
2 min read
HTML | DOM Input Submit defaultvalue Property
The Input Submit defaultValue Property in HTML DOM is used to set or return the default value of a submit field. This property is used to reflect the HTML value attribute. The main difference between the default value and value is that the default value indicates the default value and the value contains the current value after making some changes.
2 min read
HTML DOM Input Submit value Property
The Input Submit value Property in HTML DOM is used to set or return the value of the Input Submit Field. The value attribute specifies the text displayed in the Submit Field.  Syntax:  It returns the value property.submitObject.valueIt is used to set the value property.submitObject.value = textProperty Value: It contains single value text which de
2 min read
Article Tags :