HTML <optgroup> 비활성화된 속성

<시간/>

의 disabled 속성은 옵션 그룹을 비활성화하는 데 사용됩니다. 그 후에는 옵션 그룹을 클릭할 수 없게 됩니다. 다음은 구문입니다 -

<optgroup disabled>

이제 요소 −

의 disabled 속성을 구현하는 예를 살펴보겠습니다.

예시

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

출력

HTML optgroup
비활성화된 속성

위의 예에서 우리는 두 개의 옵션 그룹을 설정했습니다 -

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

옵션 그룹 중 하나를 비활성화로 설정했습니다 -

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

이제 위의 옵션이 비활성화되고 방문자가 선택할 수 없습니다.

HTML 비활성화된 속성

예시

출력