HTML DOM Input Text disabled 属性

htmlweb developmentfront end technology更新于 2024/5/28 6:04:17

HTML DOM Input Text disabled 属性用于设置或返回文本字段是否应被禁用。它使用布尔值，true 表示元素应被禁用，false 表示不禁用。disabled 属性默认设置为 false。禁用的元素默认显示为灰色且不可点击。

语法

以下是语法 −

设置 disabled 属性 −

textObject.disabled = true|false;

此处，true 表示文本字段已禁用，false 表示文本字段未禁用。默认为 false。

示例

让我们看一个 Input Text disabled 属性的示例 −

<!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>