HTML-<datalist>-Tag
Beispiel
Eine Datenliste mit vordefinierten Optionen (verbunden mit einem <input>-Element):
<label for="browser">Wählen Sie Ihren Browser aus der Liste:</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>
Try it Yourself »
Definition und Verwendung
Das Tag <datalist> gibt eine Liste vordefinierter Optionen für ein <input>-Element an.
Das Tag <datalist> wird verwendet, um eine Funktion zur automatischen Vervollständigung für <input>-Elemente bereitzustellen. Benutzern wird bei der Dateneingabe eine Dropdown-Liste mit vordefinierten Optionen angezeigt.
Das id-Attribut des <datalist>-Elements muss mit dem list-Attribut des <input>-Elements übereinstimmen (dadurch werden sie miteinander verbunden).
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 Tag <datalist> unterstützt auch die Globale Attribute in HTML.
Ereignisattribute
Das Tag <datalist> unterstützt auch die Ereignisattribute in HTML.
Verwandte Seiten
HTML-DOM-Referenz: Datalist-Objekt.
Standard-CSS-Einstellungen
Die meisten Browser zeigen das Element <datalist> mit den folgenden Standardwerten an:
datalist {
display: none;
}
