FormsLesson 135Preview gratis
Input Field in Navbar
Lesson ini bagian dari How To · Semua level
Ringkasan
Input field in navbar menempatkan kolom pencarian atau input lain langsung di dalam bilah navigasi. Flexbox membantu menyusun logo, tautan, input, dan tombol dalam satu baris yang rapi. Pada layar kecil, elemen perlu dibungkus atau disederhanakan agar navigasi tidak berdesakan.
Poin kunci
- Navbar memakai display: flex untuk menyejajarkan elemen.
- Input diberi ukuran fleksibel dan min-width: 0 agar dapat menyusut.
- Label dapat disembunyikan secara visual, tetapi tetap harus ada.
- Pada layar sempit, input dapat dipindah ke baris baru atau disembunyikan di balik tombol.
- Pastikan input tidak menghalangi tautan navigasi utama.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.