Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính HTML

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 -

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

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.