FormsLesson 127Preview gratis
Popup Form
Lesson ini bagian dari How To · Semua level
Ringkasan
Popup form adalah formulir yang muncul di atas halaman dalam lapisan modal. Lapisan latar menutupi konten lain, sementara formulir tampil terpusat agar perhatian pengguna tertuju padanya. Modal seperti ini perlu bisa ditutup dengan tombol, klik latar, atau tombol Escape, serta mengembalikan fokus ke elemen pembuka.
Poin kunci
- Overlay memakai position: fixed dan inset: 0 agar menutupi seluruh viewport.
- Formulir ditempatkan terpusat di dalam overlay.
- role="dialog" dan aria-modal="true" memberi konteks kepada teknologi bantu.
- Fokus dipindahkan ke field pertama saat modal dibuka.
- Tombol Escape, tombol tutup, dan klik latar harus menutup modal.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.