<option>: Das HTML Option-Element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <option> HTML Element wird verwendet, um ein Element in einem <select>, einem <optgroup> oder einem <datalist>-Element zu definieren. Als solches kann <option> Menüelemente in Popups und andere Listen von Elementen in einem HTML-Dokument darstellen.

Probieren Sie es aus

Attribute

Dieses Element umfasst die globalen Attribute.

disabled: Wenn dieses boolesche Attribut gesetzt ist, ist diese Option nicht überprüfbar. Oftmals werden solche Steuerelemente in Browsern ausgegraut und erhalten keine Browserevents, wie Mausklicks oder fokusbezogene Events. Wenn dieses Attribut nicht gesetzt ist, kann das Element dennoch deaktiviert sein, wenn einer seiner Vorfahren ein deaktiviertes <optgroup> Element ist.
label: Dieses Attribut ist der Text für das Label, das die Bedeutung der Option anzeigt. Ist das label-Attribut nicht definiert, ist sein Wert der des Textinhalts des Elements.
selected: Wenn vorhanden, gibt dieses boolesche Attribut an, dass die Option ursprünglich ausgewählt ist. Wenn das <option>-Element ein Nachkomme eines <select> Elements ist, dessen multiple Attribut nicht gesetzt ist, darf nur ein einzelnes <option> dieses <select> Elements das selected-Attribut haben.
value: Der Inhalt dieses Attributs stellt den Wert dar, der mit dem Formular übermittelt werden soll, sollte diese Option ausgewählt sein. Wenn dieses Attribut weggelassen wird, wird der Wert aus dem Textinhalt des Option-Elements übernommen.

Styling mit CSS

Das Styling des <option> Elements ist stark eingeschränkt. Optionen erben nicht die Schriftart vom Elternelement. In Firefox können nur color und background-color gesetzt werden, in Chrome und Safari ist es jedoch nicht möglich, irgendwelche Eigenschaften zu setzen. Weitere Details zum Styling finden Sie in unserem Leitfaden zum fortgeschrittenen Formularstyling.

Beispiele

Siehe <select> für Beispiele.

Technische Zusammenfassung

Inhaltskategorien	Keine.
Erlaubter Inhalt	Text, möglicherweise mit Escape-Zeichen (wie `é`).
Tag-Auslassung	Das Start-Tag ist obligatorisch. Das End-Tag kann weggelassen werden, wenn dieses Element unmittelbar von einem anderen `<option>` Element oder einem `<optgroup>` gefolgt wird, oder wenn das übergeordnete Element keinen weiteren Inhalt hat.
Erlaubte Eltern	Ein `<select>`, ein `<optgroup>` oder ein `<datalist>` Element.
Implizite ARIA Rolle	`option`
Erlaubte ARIA Rollen	Keine `role` erlaubt
DOM-Schnittstelle	[`HTMLOptionElement`](/de/docs/Web/API/HTMLOptionElement)

Spezifikationen

Specification
HTML Standard # the-option-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

Andere formularbezogene Elemente: <form>, <legend>, <label>, <button>, <select>, <datalist>, <optgroup>, <fieldset>, <textarea>, <input>, <output>, <progress> und <meter>.