HTML <datalist> Tag
definitie en gebruik
<datalist>
De tag is <input>-elementeen lijst met vooraf gedefinieerde opties te specificeren.
<datalist>
De tag wordt gebruikt om <input>
Het element biedt de functie "auto-compleet" aan. Wanneer de gebruiker gegevens invoert, wordt een dropdown-lijst met vooraf gedefinieerde opties weergegeven.
<datalist>
Het id-eigenschap van het element moet gelijk zijn aan <input>
van het element list-eigenschap(Dit bindt ze samen)。
Zie ook:
HTML DOM-handboek:Datalist-object
Voorbeeld
Data lists met vooraf gedefinieerde opties (gekoppeld aan <input>-elementen):
<label for="browser">Kies uw browser uit de lijst:</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>
Global attributes
<datalist>
The tag also supports Global attributes in HTML.
event attributes
<datalist>
The tag also supports Event attributes in HTML.
Default CSS settings
Most browsers will display the following default values <datalist>
Element:
datalist { display: none; }
Browser support
The numbers in the table indicate the first browser version to fully support this element.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
20.0 | 10.0 | 4.0 | 12.1 | 9.5 |