HTML <옵션> 비활성화된 속성

<시간/>

구문

다음은 구문입니다 -

<option disabled>

예시

이제

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

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

출력

그러면 다음과 같은 출력이 생성됩니다. 여기에서 optgroup Ratio −

아래의 옵션 5:3

HTML 옵션 비활성화된 속성

위의 예에서 우리는 그 안에 옵션 그룹과 옵션을 가지고 있습니다 -

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

위에서 disabled 속성을 사용하여 옵션을 비활성화했습니다 -

<option value="two" disabled>5:3</option>

이제 특정 옵션이 비활성화되어 있으므로 선택할 수 없습니다.