FormsLesson 134Preview gratis
Fullscreen Search
Lesson ini bagian dari How To · Semua level
Ringkasan
Fullscreen search menampilkan kolom pencarian besar yang menutupi seluruh layar. Lapisan ini dibuka dari tombol pencarian dan ditutup dengan tombol silang atau Escape. Karena berperan sebagai dialog, fokus harus dipindahkan ke input saat dibuka dan dikembalikan setelah ditutup.
Poin kunci
- Overlay memakai position: fixed dan inset: 0 untuk menutupi viewport.
- Input ditempatkan terpusat dan diberi ukuran besar agar mudah diketik.
- Tombol pembuka memanggil fungsi yang menampilkan overlay dan memfokuskan input.
- Escape dan tombol tutup menyembunyikan overlay.
- Kembalikan fokus ke tombol pembuka setelah overlay ditutup.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.