Galvenā problēma, kas saistīta ar HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Šis kods izveido HTML elementu, ko sauc par datu sarakstu, ko izmanto, lai izveidotu ievades lauka opciju sarakstu.
2. Datu sarakstam ir id atribūts “pārlūkprogrammas”.
3. Datu sarakstā ir pieci opciju elementi, katrs ar vērtības atribūtu, kas satur tīmekļa pārlūkprogrammas nosaukumu (Chrome, Firefox, Internet Explorer, Opera un Safari).
4. Šīs vērtības tiks izmantotas kā ieteikumi, kad lietotājs ierakstīs ar šo datu sarakstu saistītajā ievades laukā.
Kas ir datu saraksta tags
HTML
Kāda ir atšķirība starp datu sarakstu un nolaižamo izvēlni
Datu saraksts ir HTML elements, kas nodrošina opciju sarakstu, ko lietotājs var izvēlēties. Tas ir līdzīgs nolaižamajai izvēlnei, taču galvenā atšķirība ir tā, ka tā ļauj lietotājiem ievadīt savas vērtības. Lietotājs var rakstīt ievades laukā, un datu saraksts sniegs ieteikumus, pamatojoties uz to, ko viņš ir ierakstījis. Savukārt nolaižamajā izvēlnē lietotāji var izvēlēties tikai no iepriekš definētām opcijām. Turklāt, izmantojot datu sarakstu, lietotāji var ievadīt jebkuru vēlamo vērtību, pat ja tā nav norādīta kā opcija.
Kā izmantot datu sarakstu HTML formātā
HTML
Lai izmantotu datu saraksta elementu, vispirms ir jāizveido HTML veidlapa ar elementu un piešķiriet tam id atribūtu. Pēc tam veidlapā varat pievienot datu saraksta elementu un iestatīt tā saraksta atribūtu, kas vienāds ar ievades lauka ID. Datu sarakstā varat pievienot vienu vai vairākus
Piemēram: