HTMLInputElement: disabled 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

HTMLInputElement.disabled 属性是一个布尔值，它反映了 disabled HTML 属性，该属性表示控件是否被禁用。如果控件被禁用，它将无法响应点击。禁用的元素是不可用且不可点击的。

值

一个布尔值。

示例

HTML

html

<p>
  <label>
    <input id="check-box" name="b" value="1" type="checkbox" disabled /> Check
    this box!
  </label>
</p>
<p>
  <label>
    <input id="toggle-box" name="b" value="2" type="checkbox" /> Enable the
    other checkbox.
  </label>
</p>

JavaScript

const checkBox = document.getElementById("check-box");
const toggleBox = document.getElementById("toggle-box");

toggleBox.addEventListener("change", (event) => {
  checkBox.disabled = !event.target.checked;
});

结果

规范

规范
HTML # dom-fe-disabled

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025 年 9 月 18 日，作者为 MDN 贡献者。

在 GitHub 上查看此页面 • 报告此内容的问题