HTML DOM Input Submit disabled property

The HTML DOM Input submit disabled property is used for setting or returning if the submit button should be disabled or not. It uses boolean values with true representing the submit button should be disabled and false otherwise. The disabled property is set to false by default. However, the disabled element is greyed out by default and is unclickable .


Following is the syntax for −

Setting the disabled property −

submitObject.autofocus = true|false

Here, true=submit button is disabled and false=the submit button is not disabled. It is false by default.


Let us look at an example for the Input submit disabled property −

<!DOCTYPE html>
<h1>Input submit disabled Property</h1>
<form action=”/Sample_page.php” style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id=“Loc”> <br><br>
<input type="submit" id="SUBMIT1">
<p>Disable the above reset button by clicking on the DISABLE button</p>
<button type="button" onclick="disableSubmit()">DISABLE</button>
<p id="Sample"></p>
   function disableSubmit() {
      document.getElementById("Sample").innerHTML = "The submit button is now disabled" ;


This will produce the following output −

On clicking the DISABLE button −