Hallo teman-teman balik lagi pada tutorial dumet school,pada tutorial kali ini saya akan Mengenalkan salah satu tag baru bawaan HTML5 yaitu tag datalist, Fungsi datalist adalah untuk mengeluarkan teks secara otomatis dalam elemen select, jadi ini tag ini sangat membantu apabila jumlah pilihan banyak,seolah seperti autocomplete.

oke mungkin kita langsung saja praktekan saja, silahkan teman teman buat sebuah file html dan ketikan script berikut:

saya membuat sebuat element inputan dengan type text, dan memberikan properti list dengan nilai kartun, dimana properti list inilah yang nanti akan kita gunakan,

nah masih di file yang sama silahkan ketikan script berikut :

Saya membuat beberapa pilihan kartun dengan tag datalist dengan id kartun nah antara nama di properti list harus sama dengan id di tag datalist,

jika sudah bisa di save, dan jalankan pada browser, hasilnya ketika kita ketikan sedikit kata maka akan muncul beberapa kata yang sesuai dengan yang kita inputkan ke dalam form input.

oke selamat mencoba teman-teman, semoga bermanfaat, terimakasih