Masalah utama patali jeung HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Kode ieu nyiptakeun unsur HTML disebut datalist a, nu dipaké pikeun nyieun daptar pilihan pikeun widang input.
2. Datalist ngabogaan atribut id tina "browser".
3. Di jero datalist, aya lima elemen pilihan, masing-masing mibanda atribut nilai nu ngandung ngaran web browser (Chrome, Firefox, Internet Explorer, Opera jeung Safari).
4. Nilai-nilai ieu bakal dianggo salaku saran nalika pangguna ngetik kana widang input anu aya hubunganana sareng daptar data ieu.
Daptar eusi
Naon tag datalist
HTML éta
Naon bedana Datalist sareng dropdown
A Datalist mangrupa unsur HTML nu nyadiakeun daptar pilihan pikeun pamaké pikeun milih ti. Éta sami sareng menu lungsur, tapi bédana utama nyaéta ngamungkinkeun pangguna pikeun ngalebetkeun nilaina sorangan. Pamaké tiasa ngetik dina widang input sareng daptar data bakal masihan saran dumasar kana naon anu aranjeunna diketik. Menu dropdown, di sisi anu sanésna, ngan ukur ngamungkinkeun para pangguna milih tina pilihan anu tos ditetepkeun. Salaku tambahan, kalayan daptar data, pangguna tiasa ngetik nilai naon waé anu dipikahoyong sanaos henteu didaptarkeun salaku pilihan.
Kumaha ngagunakeun datalist dina formulir HTML
HTML éta
Pikeun ngagunakeun unsur datalist, Anjeun mimitina kudu nyieun hiji formulir HTML kalawan elemen sareng masihan atribut id. Teras, anjeun tiasa nambihan unsur datalist dina formulir sareng nyetél atribut daptarna sami sareng id lapangan input. Dina daptar data, anjeun tiasa nambihan hiji atanapi langkung
Salaku conto: