HTML <datalist> tag

Betydning og brug

<datalist> etiket definerer <input>-elementdefinere en liste med foruddefinerede valg.

<datalist> etiket bruges til at <input> Elementet tilbyder "automatisk færdiggørelse"-funktion. Når brugeren indtaster data, vil de se en rullemenu med foruddefinerede valg.

<datalist> elementets id egenskab skal være lig <input> elementets list egenskab（dette binder dem sammen）.

Se også:

HTML DOM Referencemanual:Datalist-objekt

Eksempel

Datafelt med foruddefinerede valg (koblet til <input>-element):

<label for="browser">Vælg din browser fra listen:</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 the element.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5