착한 것들 > 착한 태그 > 폼 관련

셀렉트박스 내용의 그룹화 optgroup 태그

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;
셀렉트 박스에 그룹형식으로 보기좋게(?) 만들수 있는 태그 사용법입니다.
그룹의 제목 항목은 클릭하거나 선택할 수 없고
그냥 들여쓰기 개념으로 좀더 보기 좋도록 만드는 용도인것 같습니다만...(?)

대부분의 브라우저에서 지원됩니다.
그러나 조금씩 다 틀리게 보여지네요..
예제
그룹화 된 셀렉트 박스입니다.
소스
그룹화 된 셀렉트 박스입니다.<br>
<select name="">
<option value="">-- 선택하세요 --</option>
<optgroup label="그룹1" style="color:green">
	<option value="">항목1</option>
	<option value="">항목2</option>
	<option value="">항목3</option>
</optgroup>
<optgroup label="그룹2" style="color:red;">
	<option value="">항목1</option>
	<option value="">항목2</option>
	<option value="">항목3</option>
</optgroup>
<optgroup label="그룹3" style="color:blue">
	<option value="">항목1</option>
	<option value="">항목2</option>
	<option value="">항목3</option>
</optgroup>
</select>
관련글 모음 (셀렉트 박스 관련 예제)
☞ 달팽이홈2 등록일 : 2009-01-13