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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android Webview | Chrome für Android | Edge Mobile | Firefox für Android | Opera für Android | iOS Safari | Samsung Internet | |
| Grundlegende Unterstützung | Chrome Vollständige Unterstützung 20 | Edge Vollständige Unterstützung Ja | Firefox Vollständige Unterstützung 4 | IE Vollständige Unterstützung 10 | Opera Vollständige Unterstützung 9.5 | Safari Keine Unterstützung Nein | WebView Android Keine Unterstützung Nein | Chrome Android Vollständige Unterstützung 33 | Edge Mobile Vollständige Unterstützung Ja | Firefox Android Vollständige Unterstützung 4 | Opera Android ? | Safari iOS Keine Unterstützung Nein | Samsung Internet Android Vollständige Unterstützung Ja |
Legende
- Vollständige Unterstützung
- Vollständige Unterstützung
- Keine Unterstützung
- Keine Unterstützung
- Kompatibilität unbekannt
- Kompatibilität unbekannt
Polyfill
Der folgende Polyfill wurde für den Support für ältere oder derzeit noch inkompatible Browser entwickelt:
datalist-polyfill