Input Text disabled 属性

Input Text 对象

禁用文本域:

名: <input type="text" id="myText">
<p>点击按钮禁用文本域。</p>
<button onclick="myFunction()">禁用文本域</button>
<script>
  function myFunction() {
    document.getElementById("myText").disabled = true;
  }
</script>

尝试一下 »

---

定义和用法

disabled 属性用于设置或返回文本域是否被禁用。

禁用的元素是不可使用和不可点击的。禁用元素在浏览器上通常显示为灰色。

---

浏览器支持

所有主流浏览器都支持 disabled 属性。

---

语法

返回 disabled 属性:

textObject.disabled

设置 disabled 属性:

textObject.disabled = true | false

属性值

值	描述
true|false	描述了文本域是否被禁用。 true - 文本域是禁用的 false - 默认。文本域是可用的。

技术详情

返回值：	布尔值，如果文本域被禁用返回true，否则返回false

---

更多实例

查看文本域是否被禁用:

<form>
  姓:<input id="fname"><br> 名:
  <input id="lname"><br>
</form>
<p>点击按钮禁用第一个文本域。</p>
<button onclick="disableElement()">禁用文本域</button>
<script>
  function disableElement() {
    document.getElementById("fname").disabled = true;
  }
</script>

尝试一下 »

禁用和启用文本域:

姓: <input type="text" id="myText" value="Mickey"><br>
<button onclick="disableTxt()">禁用文本域</button>
<button onclick="undisableTxt()">启用文本域</button>
<script>
  function disableTxt() {
    document.getElementById("myText").disabled = true;
  }

  function undisableTxt() {
    document.getElementById("myText").disabled = false;
  }
</script>

尝试一下 »

---

相关页面

HTML 参考手册: HTML <input> disabled 属性

---

Input Text 对象