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

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

Thuộc tính đã tắt của được sử dụng để vô hiệu hóa một nhóm tùy chọn. Sau đó, nhóm tùy chọn trở nên không thể nhấp vào. Sau đây là cú pháp - 

<optgroup disabled>

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ử -

Ví dụ 

<!DOCTYPE html>
<html>
<body>
<h2>Water Levels</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">5:3</option>
   </optgroup>
   <optgroup label="Water" disabled>
      <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

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

Trong ví dụ trên, chúng tôi đã đặt hai nhóm tùy chọn - 

<optgroup label="Ratio">
   <option value="one">3:2</option>
   <option value="two">5:3</option>
</optgroup>
<optgroup label="Water" disabled>
   <option value="low">2L</option>
   <option value="Medium">5L</option>
   <option value="high">10L</option>
   <option value="veryhigh">20L</option>
</optgroup>

Chúng tôi đã đặt một trong những nhóm tùy chọn là bị vô hiệu hóa -

Đã tắt 
<optgroup label="Water" disabled>
   <option value="low">2L</option>
   <option value="Medium">5L</option>
   <option value="high">10L</option>
   <option value="veryhigh">20L</option>
</optgroup>

Giờ đây, các tùy chọn trên sẽ bị vô hiệu hóa và khách truy cập sẽ không thể chọn chúng.