Langsung ke konten utama

Membuat Form Login Menggunakan Boostrap

Selamat malam smart people ...
Kali saya akan sharing tutorial membuat form login menggunkan bootsrap, apa saja yang dibutuhkan dalam membuat form login adalah sebagai berikut :

1. Silahkan unduh file bootsrap di getbootstrap.com

2. Lalu, buka folder xampp (kalau saya ada di Local Disk C), lalu cari folder htdocs dan buatlah folder baru untuk menyimpan bootstrap nya. 'seperti dibawah ini'


3. Extract file bootstrap lalu pindahkan folder css, js ke folder asset.

4. Selanjutnya ketiklah script berikut ke dalam file login kamu.




Selesai...

5. Lalu silahkan coba buka lewat browser smart people.
 ex : dengan mengetik (localhost/proweb10a04/*sesui nama folder smartpeople*) 

Tampilan nya akan seperti ini kira - kira.


 Sekian tutorial malam hari ini, semoga bermanfaat. dan kita saling belajar bersama untuk lebih baik lagi dalam hal ber coding ria 😂😂

Komentar

Postingan populer dari blog ini

Menampilkan Modal Dengan JavaScript

Malam Kembali smartpeople 😁 Kali ini saya akan sharring menambahkan aksi javascript di form login yang sudah saya buat sebelumnya agar lebih menarik, bisa dilihat tampilan nya akan seperti pict di atas. langkah awal smartpeople bisa menambahkan javascript di bawah ini ke dalam project login. lalu bisa di coba di browser smartpeople Saat smartpeople button Show Modal maka akan muncul tampilan seperti dibawah ini Selesai ... Semoge bermanfaat 😁