Startseite >Web >HTML-Referenz – Elemente und Attribute >option – Listenoption

option – Listenoption

<option value="wert">Text der Option</option>

Eine Option in select oder ein Vorschlag in datalist. Der Besucher sieht den Text, gesendet wird value – und fehlt es, der Text der Option.

  • Standarddarstellung: display: block
  • End-Tag: kann entfallen – die Option beendet ein weiteres option, optgroup oder das Ende der Liste
  • Inhalt: Text
  • Wo es stehen darf: select, optgroup oder datalist
  • DOM-Schnittstelle: HTMLOptionElement

Attribute

  • value – der Wert, der gesendet wird (ohne ihn der Text der Option mit zusammengefassten Leerzeichen).
  • selected – am Anfang ausgewählt.
  • disabled – lässt sich nicht auswählen.
  • label – ein kürzerer Text statt des Inhalts.

Beispiele

Eine vorausgewählte und eine nicht verfügbare Option:

<label for="v-size">Größe</label>
<select id="v-size" name="size">
  <option value="500">klein (500 g)</option>
  <option value="1000" selected>groß (1 kg)</option>
  <option value="2000" disabled>Familie (2 kg) – ausverkauft</option>
</select>
Ergebnis

Worauf Sie achten sollten

  • Ältere Browser verwerfen Tags in einer Option (ein Icon, fetten Text) und behalten nur den Text; anzeigen können sie nur Browser mit vollständig stylebarem select (appearance: base-select). Verlassen Sie sich noch nicht darauf.
  • Ohne value wird der Text gesendet, samt Umlauten und Leerzeichen. Für Werte, die ein Programm verarbeitet, ist ein kurzes value sicherer.

Browserunterstützung

Baseline – weithin verfügbar: funktioniert in allen gängigen Browsern, und das schon lange (spätestens seit 2015). Ab Version: Chrome 1, Firefox 1, Safari 4. Stand: Oktober 2026 (MDN browser-compat-data).

Siehe auch:
select – Auswahlliste
optgroup – Optionsgruppe
datalist – Wertvorschläge