Bootstrap : Cara Membuat Form Pada Framework Bootstrap
Assalamu'alaikum Wr.Wb
Salam Dan Bahagia
A. Pendahuluan
Pada kali ini saya akan membagikan sedikit tutorial yaitu bagaimana sih cara membuat form pada Bootstrap, nah langsung saja dibaca dan dipahami.
B. Latar Belakang
Latar Belakang saya membuat form pada bootstrap ini adalah, minimnya teman-teman ketika ingin membuat form.
C. Maksud dan tujuan
Agar mengerti dan paham tentang class-class yang ada dibootstrap terutama pada pembuatan form tersebut.
D. Alat dan bahan
Laptop.
Browser.
Teks Editor.
E. Jangka Waktu yang dibutuhkan
40 Menit
F. Pembahasan atau langkah Kerja
Dalam membuat form dengan bootstrap kita tinggal memanggil parameter parameter yang sudah di sediakan oleh bootstrap. Di ba wah ini adalah contoh dari parameter parameter yang saya gunakan dalam membuat form dengan bootstrap kali ini:
Salam Dan Bahagia
A. Pendahuluan
Pada kali ini saya akan membagikan sedikit tutorial yaitu bagaimana sih cara membuat form pada Bootstrap, nah langsung saja dibaca dan dipahami.
B. Latar Belakang
Latar Belakang saya membuat form pada bootstrap ini adalah, minimnya teman-teman ketika ingin membuat form.
C. Maksud dan tujuan
Agar mengerti dan paham tentang class-class yang ada dibootstrap terutama pada pembuatan form tersebut.
D. Alat dan bahan
Laptop.
Browser.
Teks Editor.
E. Jangka Waktu yang dibutuhkan
40 Menit
F. Pembahasan atau langkah Kerja
Dalam membuat form dengan bootstrap kita tinggal memanggil parameter parameter yang sudah di sediakan oleh bootstrap. Di ba wah ini adalah contoh dari parameter parameter yang saya gunakan dalam membuat form dengan bootstrap kali ini:
- class="form-group" digunakan untuk membuat group dari form
- input type diguanakan untuk memilih dari tipe inputan
- class="checkbox" diguanakan untuk inputan tipe checkbox
- class="radio-inline" Digunakan untuk membuat input type radio dalam satu baris.
- class="btn btn-success" untuk membuat button.
Nah Untuk Membuat Form kalian bisa menggunakan tag "form" terlebih dahulu, nah untuk class" yang lai seperti membuat form default. checkbox, atau radio kalian dapat menggunakan class seperti contoh diatas.
Berikut merupakan saya contoh kan membuat form pendaftaran yang sudah meliputi class-class diatas :
Source code :
Nah dan setelah itu save maka hasilnya akan seperti ini :
Oh iya Dengan menggunaka bootstrap secara otomatis form ini akan responsive dan berikut : Tampilannya ketika di smartphone :
Nah Gimana? Mudah Bukan.
G. Kesimpulan
Nah dengan adanya bootstrap ini kita jadi lebih mudah dan cepat ketika ingin membuat form, dan juga form ini sudah responsive ketika dilihat melalui smartphone.
H. Referensi
getbootstrap.com
Sekian yang dapat saya sampaikan, mohon maaf bila ada kesalahan dalam penulisan maupun tatabahasa, sekian dan terima kasih.
Wassalamu'alaikum Wr.Wb
