Select-Boxen

Select-Felder mit einer großen Auswahl können sehr häufig unübersichtlich sein, für diese Problematik sieht HTML Auswahlgruppen vor. Diese Optgroup-Tags innerhalb eines Select-Feldes gruppieren die beinhaltenden Optionen, der Tag besitzt auch einen Label, um die Eingrenzung zu beschreiben.
Beispiel:
<select name="land">
    <optgroup label="L&auml;nder mit A">
        <option value="AF">Afghanistan</option>
        <option value="AL">Albanien</option>
        <option value="DZ">Algerien</option>
    </optgroup>
    <optgroup label="L&auml;nder mit B">
        <option value="BS">Bahamas</option>
        <option value="BH">Bahrain</option>
        <option value="BD">Bangladesch</option>
        <option value="BB">Barbados</option>
        <option value="BE">Belgien</option>
    </optgroup>
</select>

Leider unterstützt kaum ein Browser die Verschachtelung von diesen Optgroups, daher könnte man sehr große Select-Boxen trennen
Beispiel:
<select name="landA">
    <option value="AF">Afghanistan</option>
    <option value="AL">Albanien</option>
    <option value="DZ">Algerien</option>
</select>
<select name="landB">
    <option value="BS">Bahamas</option>
    <option value="BH">Bahrain</option>
    <option value="BD">Bangladesch</option>
    <option value="BB">Barbados</option>
    <option value="BE">Belgien</option>
</select>