HTML <optgroup> 태그
예시
<optgroup> 태그로 관련 옵션 그룹화:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
정의 및 사용
<optgroup>태그는 <select> 요소(드롭다운 목록) 에서 관련 옵션을 그룹화 하는 데 사용됩니다.
옵션 목록이 길면 사용자가 관련 옵션 그룹을 더 쉽게 처리할 수 있습니다.
브라우저 지원
| Element | |||||
|---|---|---|---|---|---|
| <optgroup> | Yes | Yes | Yes | Yes | Yes |
속성
| Attribute | Value | Description |
|---|---|---|
| disabled | disabled | Specifies that an option-group should be disabled |
| label | text | Specifies a label for an option-group |
전역 속성
<optgroup>태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<optgroup>태그는 HTML의 이벤트 속성 도 지원합니다 .
관련 페이지
HTML DOM 참조: OptionGroup 개체
기본 CSS 설정
없음.