optgroup 태그

optgroup 태그는 드롭다운 목록 select의 option 항목들을 그룹화합니다.

그룹화는 목록 항목들의 특정 그룹에 공통 제목을 부여하기 위해 필요합니다. 이 제목은 optgroup 태그의 label 속성으로 설정됩니다.

속성

예제

optgroup 태그를 사용하여 목록 항목들을 두 그룹으로 묶어 보겠습니다:

html<select>
  <optgroup label="국가 1">
    <option>도시 1</option>
    <option>도시 2</option>
  </optgroup>
  <optgroup label="국가 2">
    <option>도시 3</option>
    <option>도시 4</option>
  </optgroup>
</select>

Результат:

함께 보기