Beispiel
Eine Dropdown-Liste mit vier Optionen:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Versuch es selber " Definition und Verwendung
Die <option> -Tag definiert eine Option in einer Auswahlliste.
<option> Elemente gehen in einem <select> oder <datalist> Element.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <option> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Hinweis: Die <option> -Tag kann ohne Attribute verwendet werden, aber Sie in der Regel die Notwendigkeit value Attribut, das angibt , welche an den Server gesendet wird.
Tipp: Wenn Sie eine lange Liste von Optionen haben, können Sie gruppenbezogene Optionen mit dem <optgroup> -Tag.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| disabled | disabled | Gibt an, dass eine Option sollte deaktiviert werden |
| label | text | Gibt eine kürzere Bezeichnung für eine Option |
| selected | selected | Gibt an, dass eine Option, wenn die Seite geladen wird vorgewählt werden |
| value | text | Gibt an, der Wert an einen Server gesendet werden |
globale Attribute
Die <option> -Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <option> -Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Option Object
Standard CSS-Einstellungen
Keiner.