Latihan 1 dari materi Datalist (Input Suggestion) di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bikin kolom isian kota yang punya daftar saran:
<label for="kota"> dengan tulisan Kota
<input> ber-id kota dengan list="daftar-kota"
<datalist> ber-id daftar-kota yang berisi minimal tiga <option>, misalnya Jakarta, Bandung, dan Surabaya
Nilai list di input harus sama persis dengan id di datalist. Itu yang menyambung keduanya.
Hint
Ada dua sambungan: label ke input, lalu input ke daftar saran. Dua-duanya pakai id.
Label pakai for="kota". Input pakai id="kota" dan list="daftar-kota". Lalu <datalist id="daftar-kota"> berisi beberapa <option value="...">.