HTML <datalist> etikett

Definition och användning

<datalist> etikett definierar <input> elementdefiniera en lista med fördefinierade alternativ.

<datalist> Etikett används för att <input> Elementet erbjuder "auto complet" funktion. När användaren skriver in data kommer en rullgardinslista med fördefinierade alternativ att visas.

<datalist> elementets id egenskap måste vara lika med <input> elementets list egenskap（Detta kommer att binda dem samman）.

Se också:

HTML DOM referenshandbok:Datalist objekt

Exempel

Data lista med fördefinierade alternativ (ansluten till <input> element):

<label for="browser">Välj din webbläsare från listan:</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>

Prova själv

Globala egenskaper

<datalist> Etiketterna stöder också Globala egenskaper i HTML.

händelseegenskaper

<datalist> Etiketterna stöder också Händelseegenskaper i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande som standardvärden för visning <datalist> Element:

datalist {
  display: none;
}

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som helt stöder detta element.

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