OPTGROUP ist ein Formularelement, welches ab HTML 4 existiert, aber bisher nur selten unterstützt wird. Nach dem Netscape 6 bzw. Mozilla kann nun auch der Internet Explorer 6 (getestet mit der Preview-Version 6.0b) damit umgehen. OPTGROUP erlaubt die Gruppierung von mehreren OPTION-Einträgen innerhalb eines SELECT-Auswahlfeldes. Durch die Anwendung von CSS-Definitionen auf die gruppierten Bereiche lassen sich Auswahllisten übersichtlicher und optisch interessanter gestalten.

In OPTGROUP-Tags werden die zu gruppierenden OPTIONs verschachtelt und zur Gruppenbezeichnung dient das Attribut LABEL.

      
      <FORM ...>
      
        <SELECT>

          <OPTGROUP CLASS="cssklasse1" LABEL="Beschreibung 1">
      
            <OPTION VALUE="...">Eintrag</OPTION>
            <OPTION VALUE="...">Eintrag</OPTION>
            <OPTION VALUE="...">Eintrag</OPTION>
      
          </OPTGROUP>

          <OPTGROUP CLASS="cssklasse2" LABEL="Beschreibung 2">
      
            <OPTION VALUE="...">Eintrag</OPTION>
            <OPTION VALUE="...">Eintrag</OPTION>
            <OPTION VALUE="...">Eintrag</OPTION>
      
          </OPTGROUP>

        </SELECT>
      
      </FORM>
      

Beispiel 51 zeigt eine Auswahlliste mit Bands, die "musikalischen Schubladen" zugeordnet werden, wobei das so streng nicht gemeint ist (der Sound spricht für sich ;-).