Hamburger-Menu
Bild zum Thema

Tag <option>

html css php mysql javascript
Bild zum Thema

Tag <option>

Definition

Status: Aktueller Standard


Das Tag <option> steht für option (Möglichkeit, Option).
Das HTML-Tag <option> wird nur innerhalb von Auswahlfeldern verwendet – typischerweise in <select>, <datalist> oder <optgroup>. Es definiert eine auswählbare Option in einer Liste.

Syntax

<option value="...">...</option>

Attribute bzw. Unterelemente

value

Dieser Wert wird bei Auswahl an das Formular gesendet


selected

Legt Vorauswahl fest


disabled

Option (temporär) deaktiviert


label

Alternative Beschriftung für die Option


Beispiele

= Tag

= Attribut

= Wert

Text
= Kommentar bzw. wichtig!
Beispiel <option> - mit allen Elementen

Der Code:
<label for="cars">Auto wählen:</label>

<select id="cars" name="cars">
  <option value="bmw">BMW</option>
  <option value="audi">Audi</option>
  <option value="mercedes">Mercedes</option>
</select>


Ergebnis:
Ergebnis: <option>-Demo 1
mit allen Elementen

CSS-Tipps:

Die Gestaltung von <option>-Tags mit CSS gehört zu den schwierigsten Aufgaben im Webdesign, da diese Elemente meist direkt vom Betriebssystem-UI (User Interface) gerendert werden. Die meisten Browser erlauben lediglich Änderungen an der Schriftfarbe ("color") und der Hintergrundfarbe ("background-color").


Anmerkungen

Achtung: <option>...</option> ohne dem Attribut "value". Es wird dann der Auswahltext als Wert übergeben. Dieser könnte Leerzeichen, Sonderzeichen oder gar Code enthalten und zu unerwarteten Ergebnissen führen.