FormsLesson 146Preview gratis
Autocomplete
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas daftar saran otomatis yang muncul saat pengguna mengetik di kolom pencarian. Daftar saran disaring dari sekumpulan data berdasarkan teks yang diketik, lalu pengguna dapat memilih salah satu item. Implementasi yang baik mendukung navigasi keyboard, menutup daftar saat klik di luar, dan memberi tahu pembaca layar tentang perubahan daftar.
Poin kunci
- Dengarkan event input, bukan hanya change, agar saran diperbarui setiap ketikan
- Saring data dengan membandingkan versi lowercase agar pencarian tidak case-sensitive
- Dukung tombol panah, Enter, dan Escape untuk navigasi daftar saran
- Gunakan atribut ARIA seperti role="combobox", aria-expanded, dan aria-activedescendant
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.