HTML <optgroup> 태그

정의 및 특징

・<optgroup> 태그는

　옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서

　사용되는 옵션들의 그룹을 정의할 때 사용한다

 

・드롭다운 리스트에서 옵션의 수가 많을 경우

　<optgroup> 요소를 사용하여

　관련된 옵션끼리 각각의 그룹으로 묶어주면

　사용자가 좀 더 쉽게 드롭다운 리스트를 사용할 수 있다

 

 

지원하는 브라우저

1.0	지원함	5.5	1.0	지원함	지원함

 

속성

속성명	속성값	설명
disabled	disabled	해당 옵션 그룹이 비활성화됨을 명시한다
label	텍스트	해당 옵션 그룹의 라벨(label)을 명시한다

 

예제

<select>
    <optgroup label="닌텐도">
        <option value="01">슈퍼 패미컴</option>
        <option value="02">닌텐도 3DS</option>
        <option value="03">Nintendo Switch</option>
    </optgroup>
    <optgroup label="소니">
        <option value="11">PSP</option>
        <option value="12">PS Vita</option>
        <option value="13">PlayStation</option>
    </optgroup>
    <optgroup label="세가" disabled>
        <option value="21">메가 드라이브</option>
        <option value="22">세가 새턴</option>
        <option value="23">드림캐스트</option>
    </optgroup>
</select>

슈퍼 패미컴 닌텐도 3DS Nintendo Switch PSP PS Vita PlayStation 메가 드라이브 세가 새턴 드림캐스트

 

 

■HTML 태그 레퍼런스

HTML 태그 레퍼런스 - MAIN 돌아가기