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>

Try it yourself

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