> 웹 프론트엔드 > HTML 튜토리얼 > html: optgroup 태그 사용에 대한 자세한 설명

html: optgroup 태그 사용에 대한 자세한 설명

黄舟
풀어 주다: 2017-07-03 09:31:46
원래의
1774명이 탐색했습니다.

가끔 선택 콘텐츠를 그룹화해야 합니다. 예전에는 프로그램 제어를 사용했는데, 오늘은 select에 사용할 수 있는 optgroup 속성이 있다는 것을 알았습니다.

Firefox 및 IE와 같은 브라우저에 적합하도록 테스트되었습니다. 현재까지 발견된 유일한 단점은 그룹 뒤의 타이틀 스타일을 맞춤 설정할 수 없다는 것입니다. 예를 들어 글꼴 속성을 변경하려는 경우 일반 글꼴을 사용할 수 없지만 색상과 크기를 변경할 수 있습니다. IE의 기본값은 이탤릭체와 굵은체입니다

코드는 다음과 같습니다:

<select name=bid id=brand_3>
<option value=>请选择品牌</option>
<optgroup label=a></optgroup>
<option value=693 custom=693>a ac宝马</option>
<option value=62 custom=62>a 阿斯顿马丁</option>
<option value=1 custom=1>a 奥迪</option>
<optgroup label=b></optgroup>
<option value=723 custom=723>b 巴博斯</option>
<option value=44 custom=44>b 保时捷</option>
<option value=582 custom=582>b 宝骏</option>
<option value=20 custom=20>b 宝马</option>
<option value=593 custom=593>b 北京汽车</option>
<option value=643 custom=643>b 北汽威旺</option>
<option value=122 custom=122>b 北汽制造</option>
<option value=4 custom=4>b 奔驰</option>
</select>
로그인 후 복사

위 내용은 html: optgroup 태그 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿