HTML <optgroup> 태그
정의 및 특징
<optgroup> 태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때 사용합니다.
드롭다운 리스트에서 옵션의 수가 많을 경우 <optgroup> 요소를 사용하여 관련된 옵션끼리 각각의 그룹으로 묶어주면 사용자가 좀 더 쉽게 드롭다운 리스트를 사용할 수 있습니다.
예제
<select>
<optgroup label="커피(Coffee)">
<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>
지원하는 브라우저 및 버전
| 태그명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| <optgroup> | 1.0 | 지원함 | 5.5 | 1.0 | 지원함 | 지원함 |
사용할 수 있는 속성
| 속성명 | 속성값 | 설명 | |
|---|---|---|---|
|
disabled |
해당 옵션 그룹이 비활성화됨을 명시함. |
||
|
|
텍스트 |
해당 옵션 그룹의 라벨(label)을 명시함. |
DOM 인터페이스
|
interface HTMLOptGroupElement : HTMLElement { attribute boolean disabled; attribute DOMString label; }; |
