Das <option>-Tag fügt Elemente in ein Klappmenü ein.
Das Tag kann beliebig oft im Klappmenü benutzt werden – zum Beispiel,
um alle 100 HTML-Tags aufzulisten. Wenn ein Element aus der Liste gewählt
wird, wird per Vorgabe der Wert zum Inhalt des Formulars hinzugefügt,
der direkt nach dem öffnenden <option>-Tag steht. Durch
das value-Attribut kann allerdings auch ein anderer beliebiger Wert
angegeben werden.
Das Tag muss zwischen dem öffnenden und schließenden <select<>-Tag
stehen. Die Reihenfolge der <option>-Tags bestimmt die Reihenfolge
in der Liste. Das selected-Attribut kann allerdings dazu benutzt werden, ein
Element anzugeben, das stets als erstes in der Liste steht.
Üblicherweise sollte ein Klappmenü wie ein Menü behandelt
werden. Der Text für jeden Eintrag sollte kurz sein, etwa ein bis zwei
Worte. Das schließende Tag ist optional. Es wird allerdings empfohlen,
das Tag zu setzen.
Das Attribut disabled ist ein boolescher Wert. Wenn das Attribut
vorhanden ist, deaktiviert es das Steuerfeld des Formulars. In einigen
Browsern wird das Steuerfeld dann ausgegraut dargestellt.
label
Das Attribut label erzeugt eine Kurzfassung des Textes, der
nach dem öffnenden <option>-Tag steht.
selected
Das Attribut selected gibt an, welcher Eintrag des Klappmenüs
ganz oben in der Liste stehen soll. Einige Browser stellen das gewählte
Element auch herausgehoben dar. Per Vorgabe werden die Elemente in der
Liste in der gleichen Reihenfolge dargestellt, in der sie in den <option>-Tags
aufgeführt sind, und kein Element wird hervorgehoben.
value
Das Attribut value wird benutzt, um einen anderen Wert für
das Element einzusetzen als den, der im <option>-Tag aufgeführt
wird.
Beispiel
<select size="3" name="select">
<option selected>Seezunge</option>
<option>St. Peter Fisch</option>
<option>Hummer</option>
<option>Loup de Mer</option>
<option>Lachs</option>
<option>Fischstäbchen</option>
</select>
Cascading Stylesheets Stil mit <Stil>