HTML Tag option:
Alternative in einer Auswahlbox im HTML Formular

Beispiel

Alternativen einer Auswahlbox:

<form method="..." action="...">
<select name="lieblingsfarbe" size="1">
<option value="red">rot</option>
<option value="green">grün</option>
<option value="blue">blau</option>
</select>
</form>

Anwendung

Mit <option> werden die einzelnen Alternativen einer <select>-Auswahlbox gesetzt. Mehrere Alternativen können mit <optgroup> gruppiert werden.

Attribute

<option> unterstützt die Attribute:

Attribut Beschreibung

class Space-separierte Liste von CSS-Klassen

dir Ausrichtung von Text und Tabellen

disabled abgeschaltetes Element

id Universalattribut

label kürzere Beschreibung für option

lang Sprache des Elementes

onclick Auszuführender Javascript-Code bei Klick

ondblclick Auszuführender Javascript-Code bei Doppelklick

onkeydown Auszuführender Javascript-Code bei Drücken einer Taste

onkeypress Auszuführender Javascript-Code bei gedrückt gehaltener Taste

onkeyup Auszuführender Javascript-Code bei Loslassen einer Taste

onmousedown Auszuführender Javascript-Code bei Drücken einer Maustaste

onmousemove Auszuführender Javascript-Code, wenn die Maus bewegt wird

onmouseout Auszuführender Javascript-Code, wenn die Maus das Element verlässt

onmouseover Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird

onmouseup Auszuführender Javascript-Code bei Loslassen einer Maustaste

selected Gewählte Alternative bei option

style Inline Style

title Bezeichnender Titel

value Wert der Alternative

Attribut	Beschreibung
`class`	Space-separierte Liste von CSS-Klassen
`dir`	Ausrichtung von Text und Tabellen
`disabled`	abgeschaltetes Element
`id`	Universalattribut
`label`	kürzere Beschreibung für option
`lang`	Sprache des Elementes
`onclick`	Auszuführender Javascript-Code bei Klick
`ondblclick`	Auszuführender Javascript-Code bei Doppelklick
`onkeydown`	Auszuführender Javascript-Code bei Drücken einer Taste
`onkeypress`	Auszuführender Javascript-Code bei gedrückt gehaltener Taste
`onkeyup`	Auszuführender Javascript-Code bei Loslassen einer Taste
`onmousedown`	Auszuführender Javascript-Code bei Drücken einer Maustaste
`onmousemove`	Auszuführender Javascript-Code, wenn die Maus bewegt wird
`onmouseout`	Auszuführender Javascript-Code, wenn die Maus das Element verlässt
`onmouseover`	Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
`onmouseup`	Auszuführender Javascript-Code bei Loslassen einer Maustaste
`selected`	Gewählte Alternative bei option
`style`	Inline Style
`title`	Bezeichnender Titel
`value`	Wert der Alternative

Browserunterstützung

<option> wird von den Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN interpretiert.

Standards

<option> wird in den Standards HTML und XHTML definiert.

Inhalte

<option> enthält keine Befehle.

Verwendung

<option> kann in den Befehlen <select> und <optgroup> enthalten sein.

Hinweise

Keine.

Weitere Beispiele und Lösungen