HTML DOM Input Text disabled Property

HTML Web Development Front End Technology

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

Syntax

Following is the syntax for −

Setting the disabled property −

textObject.disabled = true|false;

Here, true=the text field is disabled and false=the text field is not disabled. It is false by default.

Example

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

Live Demo

<!DOCTYPE html>
<html>
<body>
<h1>Input Text disabled Property</h1>
USERNAME: <input type="text" id="TEXT1" autofocus>
<p>Disable the above text field by clicking on the DISABLE button</p>
<button type="button" onclick="disableText()">DISABLE</button>
<p id="Sample"></p>
<script>
   function disableText() {
      document.getElementById("TEXT1").disabled=true;
      document.getElementById("Sample").innerHTML = "The text field is now disabled" ;
   }
</script>
</body>
</html>