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

js
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

瀏覽器相容性