FormsLesson 128Preview gratis
Inline Form
Lesson ini bagian dari How To · Semua level
Ringkasan
Inline form menempatkan input dan tombol dalam satu baris horizontal. Pola ini cocok untuk formulir singkat seperti pencarian atau pendaftaran newsletter. Pada layar sempit, elemen dapat dibungkus ke baris berikutnya agar tetap nyaman digunakan.
Poin kunci
- Formulir memakai display: flex untuk menyejajarkan input dan tombol.
- Input diberi flex: 1 agar mengisi ruang yang tersedia.
- flex-wrap: wrap membuat elemen turun ke baris baru saat ruang habis.
- Inline form kurang cocok untuk formulir panjang dengan banyak field.
- Label tetap diperlukan meskipun dapat disembunyikan secara visual.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.