HTML Element - option

Das option-Element definiert eine auswählbare Option in einer Auswahlliste.

Beispiel

<label for="drinks">Getränke:</label>
<select id="drinks">
<option value="heisse-schokolade">Heiße Schokolade</option>
<option value="tee">Tee</option>
<option value="kaffee">Kaffee</option>
</select>

Definition und Verwendung

Das option-Element definiert eine Option in einer Auswahlliste.

option-Elemente werden innerhalb eines select-, optgroup- oder datalist-Elements platziert.

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Attribute-Tabelle
Attribut Wert Beschreibung
value Text Gibt den Wert an, der an einen Server gesendet werden soll.
label Text Gibt eine kürzere Bezeichnung für eine Option an.
selected selected Legt fest, dass beim Laden der Seite eine Option vorausgewählt sein soll.
disabled disabled Gibt an, dass eine Option deaktiviert werden soll.

Unterstützung von Global- und Event-Attributen

Das option-Tag unterstützt auch Global- und Event-Attribute.

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des option durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element Firefox Internet Explorer / Edge Safari Chrome Opera
<option>