Problemi kryesor lidhet me HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Ky kod krijon një element HTML të quajtur datalist, i cili përdoret për të krijuar një listë opsionesh për një fushë hyrëse.
2. Lista e të dhënave ka një atribut id të "shfletuesve".
3. Brenda listës së të dhënave, ka pesë elementë opsionesh, secili me një atribut vlere që përmban emrin e një shfletuesi ueb (Chrome, Firefox, Internet Explorer, Opera dhe Safari).
4. Këto vlera do të përdoren si sugjerime kur përdoruesi shkruan në fushën hyrëse të lidhur me këtë listë të dhënash.
Çfarë është një etiketë të dhënash
HTML
Cili është ndryshimi midis Datalist dhe dropdown
Një listë e të dhënave është një element HTML që ofron një listë opsionesh nga një përdorues që të zgjedhë. Është e ngjashme me një menu dropdown, por ndryshimi kryesor është se i lejon përdoruesit të fusin vlerat e tyre. Përdoruesi mund të shkruajë në fushën e hyrjes dhe lista e të dhënave do të japë sugjerime bazuar në atë që ka shtypur. Menyja rënëse, nga ana tjetër, i lejon përdoruesit të zgjedhin vetëm nga opsionet e paracaktuara. Për më tepër, me një listë të dhënash, përdoruesit mund të shkruajnë çdo vlerë që dëshirojnë edhe nëse nuk është e listuar si opsion.
Si të përdorni listën e të dhënave në formë HTML
HTML
Për të përdorur elementin e listës së të dhënave, fillimisht duhet të krijoni një formë HTML me një element dhe i jepni një atribut id. Më pas, mund të shtoni një element të listës së të dhënave brenda formularit dhe të vendosni atributin e tij të listës të barabartë me ID-në e fushës së hyrjes. Brenda listës së të dhënave, mund të shtoni një ose më shumë
Për shembull: