Thuộc tính bị vô hiệu hóa của phần tử
Cú pháp
Sau đây là cú pháp -
<option disabled>
Ví dụ
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính bị vô hiệu hóa của phần tử
<!DOCTYPE html> <html> <body> <h2>Impurity level of Water</h2> <p>Impurity Level <meter min="0" low="50" high="95" max="100" value="85"></meter></p> <select> <optgroup label="Ratio"> <option value="one">3:2</option> <option value="two" disabled>5:3</option> </optgroup> <optgroup label="Water"> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup> </select> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau. Ở đây, tùy chọn 5:3 trong Tỷ lệ nhóm chọn -
Trong ví dụ trên, chúng ta có các nhóm tùy chọn và các tùy chọn bên trong nó -
<select> <optgroup label="Ratio"> <option value="one">3:2</option> <option value="two" disabled>5:3</option> </optgroup> <optgroup label="Water"> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup> </select>
Ở trên, chúng tôi đã tắt một tùy chọn bằng cách sử dụng thuộc tính đã tắt -
<option value="two" disabled>5:3</option>
Bây giờ, bạn sẽ không thể chọn tùy chọn cụ thể đó vì nó đã bị vô hiệu hóa.