FormsLesson 126Preview gratis
Responsive Form
Lesson ini bagian dari How To · Semua level
Ringkasan
Responsive form adalah formulir yang tetap nyaman dipakai di layar besar maupun kecil. Caranya adalah menggunakan lebar fleksibel, box-sizing, media query, dan ukuran font yang memadai. Formulir juga perlu diuji pada beberapa lebar layar agar tidak ada field yang terpotong.
Poin kunci
- Meta viewport diperlukan agar skala halaman benar di perangkat seluler.
- width: 100% dengan max-width membuat formulir fleksibel namun tidak terlalu lebar.
- Media query dapat mengubah tata letak kolom menjadi satu kolom.
- Font-size minimal 16px pada input membantu mencegah zoom otomatis di iOS.
- Uji formulir pada berbagai lebar layar dan pastikan area sentuh cukup besar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.