Zusammenfassung
Das HTML <datalist> Element enthält eine Liste von <option> Elementen, die mögliche Optionen für den Wert eines anderen Elementes repräsentieren.
| Inhaltskategorien | Flussinhalt, Textinhalt. |
|---|---|
| Erlaubter Inhalt | Entweder Textinhalt oder null oder mehr <option> Elemente. |
| Tag-Auslassung | Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich. |
| Erlaubte Eltern-Elemente | Alle Elemente, die Textinhalt akzeptieren. |
| DOM-interface | HTMLDataListElement |
Attribute
Dieses Element verfügt nur über die globalen Attribute.
Beispiele
<input list="browsers" /> <datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
Dieses HTML wird in Firefox 4 folgendermaßen gerendert:
Spezifikationen
| Spezifikation | Status | Kommentar |
|---|---|---|
| HTML Living Standard Die Definition von '<datalist>' in dieser Spezifikation. |
Lebender Standard | |
| HTML5 Die Definition von '<datalist>' in dieser Spezifikation. |
Empfehlung |
Browser Kompatibilität
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Funktion | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Grundlegende Unterstützung | 20 | Ja | 4 | 10 | 9.5 | Nein |
| Funktion | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Grundlegende Unterstützung | Nein | 33 | Ja | 4 | ? | Nein | Ja |
Polyfill
Der folgende Polyfill wurde für den Support für ältere oder derzeit noch inkompatible Browser entwickelt:
datalist-polyfill