Bootstrap 5 FormsLesson 38Preview gratis
BS5 Input Groups
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Input group menggabungkan teks atau tombol dengan input dalam satu baris rapi, misalnya awalan @ pada username atau tombol kirim di ujung kolom. Strukturnya memakai .input-group dengan .input-group-text untuk teks pembungkus dan .form-control untuk input utama. Pada Bootstrap 5, elemen disusun langsung tanpa pembungkus prepend atau append.
Poin kunci
- .input-group adalah pembungkus gabungan kontrol.
- .input-group-text membungkus teks atau ikon seperti awalan dan akhiran.
- Bootstrap 5 tidak lagi memakai .input-group-prepend dan .input-group-append.
- .input-group-sm dan .input-group-lg mengatur ukuran.
- Tombol juga dapat digabungkan, misalnya tombol Cari di ujung input.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.