HTML- <datalist> -Tag
Beispiel
Eine Datenliste mit vordefinierten Optionen (verbunden mit einem <input>-Element):
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Definition und Verwendung
Das <datalist>Tag gibt eine Liste vordefinierter Optionen für ein <input>-Element an.
Das <datalist>Tag wird verwendet, um eine "Autocomplete"-Funktion für <input>-Elemente bereitzustellen. Benutzer sehen eine Dropdown-Liste mit vordefinierten Optionen, während sie Daten eingeben.
Das <datalist>id-Attribut des Elements muss gleich dem list-Attribut des <input>-Elements sein (dies bindet sie zusammen).
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Globale Attribute
Das <datalist>Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <datalist>Tag unterstützt auch die Ereignisattribute in HTML .
Verwandte Seiten
HTML-DOM-Referenz: Datalist-Objekt
Standard-CSS-Einstellungen
Die meisten Browser zeigen das <datalist>Element mit den folgenden Standardwerten an:
datalist {
display: none;
}