Beispiel
Erstellen Sie eine Dropdown-Liste mit vier Optionen:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Versuch es selber " Definition und Verwendung
Das <select> Element wird verwendet , um eine Dropdown-Liste zu erstellen.
Die <option> Tags innerhalb der <select> Element die verfügbaren Optionen in der Liste definieren.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <select> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Tipp: Das <select> Element ist eine Steuerform und kann in einer Form verwendet werden , Benutzereingaben zu sammeln.
Unterschiede zwischen HTML 4.01 und HTML5
HTML5 hat einige neue Attribute hinzugefügt.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| autofocus | autofocus | Gibt an, dass die Dropdown-Liste automatisch beim Laden der Seite konzentrieren bekommen sollten |
| disabled | disabled | Gibt an, dass eine Dropdown-Liste deaktiviert werden soll |
| form | form_id | Definiert eine oder mehrere Formen der Auswahlfeld gehört |
| multiple | multiple | Gibt an, dass können mehrere Optionen auf einmal auswählen |
| name | name | Definiert einen Namen für die Dropdown-Liste |
| required | required | Gibt an, dass der Benutzer einen Wert auswählen, bevor Absenden des Formulars erforderlich ist |
| size | number | Definiert die Anzahl der sichtbaren Optionen in einer Dropdown-Liste |
globale Attribute
Die <select> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <select> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Objekt auswählen
CSS Tutorial: Styling Forms
Standard CSS-Einstellungen
Keiner.