HTML DOM 输入文本禁用属性


HTML DOM 输入文本的 disabled 属性用于设置或返回文本框是否应禁用。它使用布尔值,其中 true 表示元素应禁用,否则为 false。disabled 属性默认设置为 false。禁用的元素被灰掉并且为不可点击状态。

语法

以下为语法 −

设置 disabled 属性 −

textObject.disabled = true|false;

这里,true=文本框已禁用,false=文本框未禁用。它默认值为 false。

示例

让我们看一个输入文本 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>

输出

这将产生以下输出 −

点击禁用按钮,文本框将被禁用 −

更新于: 19-Feb-2021

204 次浏览

开启你的职业生涯

完成课程以获得认证

开始学习
广告