Membuat Formulir menggunakan bootstrap admin template

 Bootstrap adalah framework HTML, CSS, dan JavaScript yang berfungsi untuk mendesain website responsive dengan cepat dan mudah. 

Framework open source ini diciptakan pada tahun 2011 oleh Mark Otto dan Jacob Thornton dari Twitter. Itulah kenapa dulunya Bootstrap dinamakan Twitter Blueprint

Bootstrap dengan cepat meraih popularitas digunakan oleh 27% website di seluruh dunia. Hal itu karena kesederhanaan dan konsistensi yang ditawarkan Bootstrap dibanding framework lainnya saat itu. 

Kemudahan yang ditawarkan oleh Bootstrap adalah Anda tak perlu coding komponen website dari nol. Framework ini tersusun dari kumpulan file CSS dan JavaScript berbentuk class yang tinggal pakai. 

Baik saat ini kita akan mencoba membuat sebuah formulir input data pada sebuah sistem informasi pegawai.

pertama silahkan kunjungi website colorlib.com untuk mengunduh admin template yang kita butuhkan. Ada banyak pilihan template disana, anda bisa klik tombol Demo untuk memastikan sebelum anda download.



Sebagai contoh saya memakai template Gentella,

Oke Sobat langsung kita coba dengan langkah2 berikut:
1. extrak file zip hasil download tadi. ada beberapa folder dan file disana


2. Silahkan masuk pada folder production. disini tempat file - file yang bisa kita edit sesuai kebutuhan.
3. Cari file dengan nama "form_validation.html". jika kita buka maka akan tampil dibrowser seperti berikut:


4. Silahkan Edit file "form_validation.html" menggunakan editor faforit anda, saat ini saya memakai sublim text sebagai editor.

berikut hasil setelah di edit

berikut scrip koding lengkap yang sudah si edit:



Post a Comment

Previous Post Next Post