HTML <datalist> tagi

Määrittely ja käyttö

<datalist> Tunniste määrittää <input>-elementtimäärittämään määritettyjen vaihtoehtojen luettelo.

<datalist> Tunniste käytetään <input> Elementti tarjoaa "自动完成" -ominaisuuden. Kun käyttäjä syöttää tietoja, hän näkee määritettyjen vaihtoehtojen pudotusvalikon.

<datalist> elementin id-ominaisuuden täytyy olla <input> elementin list-ominaisuus（Tämä yhdistää ne yhteen）。

Katso myös:

HTML DOM -viittausoppikirja:Datalist-objekti

Esimerkki

Määritettyjä vaihtoehtoja omaava datalist (yhteydessä <input>-elementtiin):

<label for="browser">Valitse selain listasta:</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>

Kokeile itse

Globaalit ominaisuudet

<datalist> Tunniste tukee myös HTML:n globaalit ominaisuudet.

tapahtumien ominaisuuksia

<datalist> Tunniste tukee myös HTML:n tapahtumien ominaisuudet.

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät seuraavat oletusarvot <datalist> Elementti:

datalist {
  display: none;
}

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee elementtiä täysin.

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