Masalah utama yang berkaitan dengan HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. Kod ini mencipta elemen HTML yang dipanggil senarai data, yang digunakan untuk membuat senarai pilihan untuk medan input.
2. Senarai data mempunyai atribut id "pelayar".
3. Di dalam senarai data, terdapat lima elemen pilihan, setiap satu dengan atribut nilai yang mengandungi nama pelayar web (Chrome, Firefox, Internet Explorer, Opera dan Safari).
4. Nilai ini akan digunakan sebagai cadangan apabila pengguna menaip ke dalam medan input yang dikaitkan dengan senarai data ini.
Apakah itu teg senarai data
HTML
Apakah perbezaan antara Datalist dan dropdown
Senarai Data ialah elemen HTML yang menyediakan senarai pilihan untuk dipilih oleh pengguna. Ia serupa dengan menu lungsur, tetapi perbezaan utamanya ialah ia membolehkan pengguna memasukkan nilai mereka sendiri. Pengguna boleh menaip dalam medan input dan senarai data akan memberikan cadangan berdasarkan apa yang telah mereka taip. Menu lungsur turun, sebaliknya, hanya membenarkan pengguna memilih daripada pilihan yang telah ditetapkan. Selain itu, dengan senarai data, pengguna boleh menaip sebarang nilai yang mereka mahu walaupun ia tidak disenaraikan sebagai pilihan.
Cara menggunakan senarai data dalam bentuk HTML
HTML
Untuk menggunakan elemen datalist, anda perlu membuat satu borang HTML terlebih dahulu dengan elemen dan berikan atribut id. Kemudian, anda boleh menambah elemen senarai data di dalam borang dan menetapkan atribut senarainya sama dengan id medan input. Di dalam senarai data, anda boleh menambah satu atau lebih
Sebagai contoh: