HTML Tag optgroup:
Gruppe von Alternativen einer Auswahlbox im HTML Formular

Beispiel

Gruppieren von Alternativen:

<select>
  <optgroup label="Bunt">
    <option value="rot">Rot</option>
    <option value="gruen">Grün</option>
    <option value="blau">Blau</option>
  </optgroup>
  <optgroup label="Unbunt">
    <option value="weiss">Weiß</option>
    <option value="grau">Grau</option>    
    <option value="schwarz">Schwarz</option>
  </optgroup>
</select>

Anwendung

Mit <optgroup> können mit <option> gesetze Alternativen einer <select>-Auswahlbox gruppiert werden.

Attribute

Der HTML-Tag <optgroup> unterstützt die HTML-Attribute:

Attribut Beschreibung

class Space-separierte Liste von CSS-Klassen

dir Ausrichtung von Text und Tabellen

disabled abgeschaltetes Element

id Universalattribut

label kürzere Beschreibung für optgroup

lang Sprache des Elementes

onclick Auszuführender Javascript-Code bei Klick

ondblclick Auszuführender Javascript-Code bei Doppelklick

onkeydown Auszuführender Javascript-Code bei Drücken einer Taste

onkeypress Auszuführender Javascript-Code bei gedrückt gehaltener Taste

onkeyup Auszuführender Javascript-Code bei Loslassen einer Taste

onmousedown Auszuführender Javascript-Code bei Drücken einer Maustaste

onmousemove Auszuführender Javascript-Code, wenn die Maus bewegt wird

onmouseout Auszuführender Javascript-Code, wenn die Maus das Element verlässt

onmouseover Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird

onmouseup Auszuführender Javascript-Code bei Loslassen einer Maustaste

style Inline Style

title Bezeichnender Titel

Attribut	Beschreibung
`class`	Space-separierte Liste von CSS-Klassen
`dir`	Ausrichtung von Text und Tabellen
`disabled`	abgeschaltetes Element
`id`	Universalattribut
`label`	kürzere Beschreibung für optgroup
`lang`	Sprache des Elementes
`onclick`	Auszuführender Javascript-Code bei Klick
`ondblclick`	Auszuführender Javascript-Code bei Doppelklick
`onkeydown`	Auszuführender Javascript-Code bei Drücken einer Taste
`onkeypress`	Auszuführender Javascript-Code bei gedrückt gehaltener Taste
`onkeyup`	Auszuführender Javascript-Code bei Loslassen einer Taste
`onmousedown`	Auszuführender Javascript-Code bei Drücken einer Maustaste
`onmousemove`	Auszuführender Javascript-Code, wenn die Maus bewegt wird
`onmouseout`	Auszuführender Javascript-Code, wenn die Maus das Element verlässt
`onmouseover`	Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
`onmouseup`	Auszuführender Javascript-Code bei Loslassen einer Maustaste
`style`	Inline Style
`title`	Bezeichnender Titel

Browserunterstützung

Der HTML-Befehl <optgroup> wird mindestens von den HTML-Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.

Standards

Der HTML Tag <optgroup> wird zumindest in den Standards HTML und XHTML definiert.

Inhalte

<optgroup> kann die Befehle <option> enthalten.

Verwendung

<optgroup> kann in den HTML-Tags <select> und <form> genutzt werden.

Hinweise

Keine.

Weitere Beispiele und Lösungen