Heim > Web-Frontend > HTML-Tutorial > html: Detaillierte Erläuterung der Verwendung von optgroup-Tags

html: Detaillierte Erläuterung der Verwendung von optgroup-Tags

黄舟
Freigeben: 2017-07-03 09:31:46
Original
1782 Leute haben es durchsucht

Gelegentlich muss ich den ausgewählten Inhalt gruppieren . In der Vergangenheit habe ich die Programmsteuerung verwendet. Heute habe ich festgestellt, dass es in select ein optgroup -Attribut gibt.

Es wurde getestet und ist für Browser wie Firefox und IE geeignet. Der einzige bisher festgestellte Mangel besteht darin, dass der Titelstil nach der Gruppe nicht angepasst werden kann. Beispiel: Wenn Sie die Schriftattribute ändern möchten, können Sie keine normale Schriftart verwenden, aber Sie können die Farbe und Größe ändern. Die Standardeinstellung unter IE ist kursiv und fett

Der Code lautet wie folgt:

<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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonhtml: Detaillierte Erläuterung der Verwendung von optgroup-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage