FiltersLesson 154Preview gratis
Filter Dropdown
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas dropdown yang dilengkapi kolom pencarian untuk menyaring pilihan di dalamnya. Pola ini berguna ketika daftar item panjang, misalnya daftar negara atau kategori, sehingga pengguna tidak perlu menggulir seluruh daftar. Fokus implementasinya adalah membuka panel, menyaring item, dan menutup panel saat klik di luar.
Poin kunci
- Tempatkan input pencarian di dalam panel dropdown dan dengarkan event input
- Saring tautan atau item menu berdasarkan teksnya dengan includes()
- Gunakan aria-expanded pada tombol pembuka untuk menyatakan status panel
- Tutup dropdown ketika pengguna memilih item, menekan Escape, atau mengklik di luar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.