강의명 : HTML
- HTML <optgroup> 태그
<optgroup> 태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때 사용합니다.
드롭다운 리스트에서 옵션의 수가 많을 경우 <optgroup> 요소를 사용하여 관련된 옵션끼리 각각의 그룹으로 묶어주면 사용자가 좀 더 쉽게 드롭다운 리스트를 사용할 수 있습니다.
드롭다운 리스트에서 옵션의 수가 많을 경우 <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 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>
댓글목록
등록된 댓글이 없습니다.