Auswahl-Listen unterteilen

Scripting-Tipps - HTML


Mit Hilfe des HTML-Tags optgroup kann man Auswahl-Listen wunderbar leicht unterteilen. Durch den Einsatz von Zwischenüberschriften lässt sich die Übersichtlichkeit erhöhen und fördert die Lesbarkeit bei längeren Auswahl-Menüs. Lesen Sie in diesem Artikel, wie das funktioniert.



Der Einsatz des optgroup-Tags ist denkbar einfach. Dazu bietet der Einsatz des Tags, wie einleitend schon erwähnt, einen echten Mehrwert für Ihre Besucher, wenn Sie lange Auswahl-Listen in Ihren Formularen einsetzen, die Sie mit Hilfe dieses Tags unterteilen können.


Das folgende Beispiel wird von seiner Aufteilung her nicht viel Sinn machen. Jedoch dient es gut der Veranschaulichung.


Live-Demo:


Quellcode:

<FORM>
<SELECT NAME="auswahl">
<OPTGROUP LABEL="Städte">
<OPTION VALUE="berlin">Berlin</OPTION>
<OPTION VALUE="hamburg">Hamburg</OPTION>
<OPTION VALUE="münchen">München</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="Bundesländer">
<OPTION VALUE="nrw">NRW</OPTION>
<OPTION VALUE="bayern">Bayern</OPTION>
<OPTION VALUE="thüringen">Thüringen</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="Auto-Hersteller">
<OPTION VALUE="audi">Audi</OPTION>
<OPTION VALUE="opel">Opel</OPTION>
<OPTION VALUE="bmw">BMW</OPTION>
</OPTGROUP>
</SELECT>
</FORM>





Weitere Artikel: