<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 innerhalb eines <select>, eines <optgroup> oder eines <datalist> Elements zu definieren. Daher kann <option> Menüelemente in Pop-ups und andere Elementlisten in einem HTML-Dokument darstellen.

Probieren Sie es aus

Attribute

Dieses Element umfasst die globalen Attribute.

disabled: Wenn dieses Boolean-Attribut gesetzt ist, kann diese Option nicht ausgewählt werden. Browser blenden normalerweise solche Steuerungen aus und sie erhalten keine Browserevents, wie Mausklicks oder Fokus-bezogene Aktionen. Wenn dieses Attribut nicht gesetzt ist, kann das Element dennoch deaktiviert werden, wenn einer seiner Vorfahren ein deaktiviertes <optgroup> Element ist.
label: Dieses Attribut ist ein Text für das Label, das die Bedeutung der Option angibt. Wenn das label Attribut nicht definiert ist, ist sein Wert der Textinhalt des Elements.
selected: Wenn vorhanden, zeigt dieses Boolean-Attribut an, dass die Option anfänglich ausgewählt ist. Wenn das <option> Element ein Nachkomme eines <select> Elements ist, dessen multiple Attribut nicht gesetzt ist, darf nur ein einziges <option> dieses <select> Elements das selected Attribut haben.
value: Der Inhalt dieses Attributs repräsentiert den Wert, der mit dem Formular übermittelt werden soll, falls diese Option ausgewählt ist. Wenn dieses Attribut weggelassen wird, wird der Wert aus dem Textinhalt des Option Elements genommen.

Styling mit CSS

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

Beispiele

Sehen Sie sich <select> für Beispiele an.

Technische Zusammenfassung

Inhaltskategorien	Keine.
Erlaubter Inhalt	Text, möglicherweise mit Escape-Zeichen (wie `é`).
Tag-Auslassung	Der Start-Tag ist obligatorisch. Der End-Tag ist optional, 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>.