Masalah utama terkait dengan HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Kode ini membuat elemen HTML yang disebut datalist, yang digunakan untuk membuat daftar opsi untuk kolom input.
2. Datalist memiliki atribut id "browser".
3. Di dalam datalist, terdapat lima elemen opsi, masing-masing dengan atribut nilai yang berisi nama browser web (Chrome, Firefox, Internet Explorer, Opera, dan Safari).
4. Nilai-nilai ini akan digunakan sebagai saran saat pengguna mengetik ke kolom input yang terkait dengan daftar data ini.
Apa itu tag datalist
HTML
Apa perbedaan antara Datalist dan dropdown
Datalist adalah elemen HTML yang menyediakan daftar opsi untuk dipilih pengguna. Ini mirip dengan menu tarik-turun, tetapi perbedaan utamanya adalah memungkinkan pengguna untuk memasukkan nilai mereka sendiri. Pengguna dapat mengetik di kolom input dan datalist akan memberikan saran berdasarkan apa yang telah mereka ketikkan. Menu tarik-turun, di sisi lain, hanya memungkinkan pengguna untuk memilih dari opsi yang telah ditentukan sebelumnya. Selain itu, dengan daftar data, pengguna dapat mengetikkan nilai apa pun yang mereka inginkan meskipun tidak terdaftar sebagai opsi.
Cara menggunakan datalist dalam bentuk HTML
HTML
Untuk menggunakan elemen datalist, pertama-tama Anda harus membuat formulir HTML dengan an elemen dan berikan atribut id. Kemudian, Anda dapat menambahkan elemen datalist di dalam formulir dan menyetel atribut daftarnya sama dengan id bidang input. Di dalam daftar data, Anda dapat menambahkan satu atau lebih
Sebagai contoh: