Pagrindinė problema, susijusi su HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Šis kodas sukuria HTML elementą, vadinamą duomenų sąrašu, kuris naudojamas įvesties lauko parinkčių sąrašui sukurti.
2. Duomenų sąraše yra id atributas „naršyklės“.
3. Duomenų sąraše yra penki parinkčių elementai, kurių kiekvienas turi reikšmės atributą, kuriame yra žiniatinklio naršyklės pavadinimas (Chrome, Firefox, Internet Explorer, Opera ir Safari).
4. Šios reikšmės bus naudojamos kaip pasiūlymai, kai vartotojas įves įvesties lauką, susietą su šiuo duomenų sąrašu.
Kas yra duomenų sąrašo žyma
HTML
Kuo skiriasi duomenų sąrašas ir išskleidžiamasis meniu
Duomenų sąrašas yra HTML elementas, kuriame pateikiamas parinkčių, kurias vartotojas gali pasirinkti, sąrašas. Jis panašus į išskleidžiamąjį meniu, tačiau pagrindinis skirtumas yra tas, kad jis leidžia vartotojams įvesti savo reikšmes. Vartotojas gali įvesti tekstą įvesties lauke, o duomenų sąrašas pateiks pasiūlymus pagal tai, ką jis įvedė. Kita vertus, išskleidžiamasis meniu leidžia vartotojams pasirinkti tik iš iš anksto nustatytų parinkčių. Be to, naudodami duomenų sąrašą, naudotojai gali įvesti bet kokią norimą reikšmę, net jei ji nepateikta kaip parinktis.
Kaip naudoti duomenų sąrašą HTML formoje
HTML
Norėdami naudoti duomenų sąrašo elementą, pirmiausia turite sukurti HTML formą su elementą ir suteikite jam id atributą. Tada formoje galite įtraukti duomenų sąrašo elementą ir nustatyti jo sąrašo atributą, lygų įvesties lauko ID. Duomenų sąraše galite pridėti vieną ar daugiau
Pavyzdžiui: