Belajar Bootstrap Form

Belajar Bootstrap Form

01. Sebelum Belajar

Sebelum mulai belajar pastikan sudah memahami:

• HTML
• CSS
• Javascript
• Bootstrap Dasar
• Bootstrap Layout
  
  

02. Form

• Saat kita menggunakan Tag form di HTML, Bootstrap sudah melakukan reboot pengaturan, hal ini agar nanti tampilan form akan konsisten di semua browser
• https://getbootstrap.com/docs/5.3/forms/overview/
  
  

03. Form Control

• Form Control merupakan style di Bootstrap yang digunakan pada input di form
• https://getbootstrap.com/docs/5.3/forms/form-control/
  
  

04. Select

• Selain input biasa, Bootstrap juga bisa digunakan untuk mengubah style pada input Select
• https://getbootstrap.com/docs/5.3/forms/select/

05. Check & Radio

• Bootstrap juga bisa digunakan untuk mengubah style pada Check & Radio
• https://getbootstrap.com/docs/5.3/forms/checks-radios/
  
  

06. Range

• Bootstrap juga bisa digunakan untuk mengubah input Range
• https://getbootstrap.com/docs/5.3/forms/range/
  
  

07. Input Group

• Bootstrap memiliki fitur untuk melakukan grouping beberapa input sehingga terlihat seperti satu input
• https://getbootstrap.com/docs/5.3/forms/input-group/
  
  

08. Floating Label

• Bootstrap memiliki figur Floating Label untuk membuat Label Input
• https://getbootstrap.com/docs/5.3/forms/floating-labels/

09. Layout

• Layout-Layout yang sudah kita bahas pada materi Bootstrap Layout, bisa kita gunakan untuk menampilkan input form
• https://getbootstrap.com/docs/5.3/forms/layout/

10. Validation

• Saat membuat Form, kadang kita ingin menampilkan informasi ketika terdapat data input yang tidak valid
• Bootstrap menyediakan style yang bisa kita gunakan untuk menampilkan error validasi
• https://getbootstrap.com/docs/5.3/forms/validation/

11. Materi Selanjutnya

• Bootstrap Component
  
  

Sumber:  Youtube Programmer Zaman Now