Suurin ongelma liittyy HTML:ään
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Tämä koodi luo HTML-elementin nimeltä datalist, jota käytetään luomaan luettelo syöttökentän vaihtoehdoista.
2. Tietoluettelossa on id-attribuutti "selaimet".
3. Tietoluettelon sisällä on viisi vaihtoehtoelementtiä, joista jokaisella on arvoattribuutti, joka sisältää verkkoselaimen nimen (Chrome, Firefox, Internet Explorer, Opera ja Safari).
4. Näitä arvoja käytetään ehdotuksina, kun käyttäjä kirjoittaa tähän tietoluetteloon liittyvään syöttökenttään.
Mikä on dataluettelotunniste
HTML
Mitä eroa on Datalistin ja pudotusvalikon välillä
Tietolista on HTML-elementti, joka tarjoaa luettelon vaihtoehdoista, joista käyttäjä voi valita. Se on samanlainen kuin pudotusvalikko, mutta suurin ero on, että sen avulla käyttäjät voivat syöttää omat arvonsa. Käyttäjä voi kirjoittaa syöttökenttään ja tietolista tarjoaa ehdotuksia kirjoittamiensa tietojen perusteella. Pudotusvalikosta sen sijaan käyttäjät voivat valita vain ennalta määritetyistä vaihtoehdoista. Lisäksi tietoluettelon avulla käyttäjät voivat kirjoittaa minkä tahansa arvon, vaikka sitä ei olisikaan luettelossa.
Kuinka käyttää datalistaa HTML-muodossa
HTML
Datalist-elementin käyttämiseksi sinun on ensin luotava HTML-lomake, jossa on elementti ja anna sille id-attribuutti. Tämän jälkeen voit lisätä tietoluetteloelementin lomakkeen sisään ja asettaa sen lista-attribuutin yhtä suureksi kuin syöttökentän id. Voit lisätä tietoluetteloon yhden tai useamman
Esimerkiksi: