Thuộc tính HTML <option> bị vô hiệu hóa

❮ Thẻ HTML <option>

Thí dụ

Danh sách thả xuống với một tùy chọn bị vô hiệu hóa:

<label for="cars">Choose a car:</label>

<select id="cars">
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

Định nghĩa và Cách sử dụng

Thuộc disabledtính là một thuộc tính boolean.

Khi xuất hiện, nó chỉ định rằng một tùy chọn nên bị vô hiệu hóa.

Một tùy chọn bị vô hiệu hóa không thể sử dụng được và không thể nhấp vào.

Thuộc disabledtính có thể được đặt để ngăn người dùng chọn tùy chọn cho đến khi một số điều kiện khác được đáp ứng (như chọn hộp kiểm, v.v.). Sau đó, cần có JavaScript để xóa giá trị bị vô hiệu hóa và làm cho tùy chọn có thể chọn được.


Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Attribute
disabled Yes 8.0 Yes Yes Yes

Cú pháp

<option disabled>

❮ Thẻ HTML <option>