..

Search

disabled

disabled

<optgroup> 태그의 disabled 속성


HTML <optgroup> 태그 ⇒


정의 및 특징

<optgroup> 태그의 disabled 속성은 해당 옵션 그룹이 비활성화됨을 명시합니다.

 

disabled 속성이 명시된 옵션 그룹은 사용할 수 없으며, 사용자가 클릭할 수도 없습니다.

따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 해당 옵션 그룹에 속한 옵션들을 클릭할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 disabled 속성값을 삭제하여 사용자가 해당 옵션들을 다시 사용할 수 있도록 조절할 수 있습니다.

 

disabled 속성은 불리언(boolean) 속성입니다.

불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.


문법

<optgroup disabled>

예제
<select>
    <optgroup label="커피(Coffee)" disabled>
        <option value="americano">아메리카노</option>
        <option value="caffe latte">카페라떼</option>
        <option value="espresso">에스프레소</option>
    </optgroup>
    <optgroup label="티(Tea)">
        <option value="earl grey">얼그레이티</option>
        <option value="jasmine">자스민티</option>
    </optgroup>
</select>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

disabled 1.0 지원함 8.0 1.0 지원함 지원함

HTML과 XHTML에서의 차이점

XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.

<optgroup disabled="disabled">

연습문제