Form LOGIN dengan CSS & Bootstrap

Form Login, biasanya digunakan untuk membatasi hak akses bagi user untuk melihat dan berinteraksi dengan data. Tutorian kali ini akan membahas tentang bagaimana membuat form Login sederhana dengan CSS dan Bootstrap.

Hal-hal yang dibutuhkan sebagai berikut:

• Text Editor, kalian bisa menggunakan Atom, notepad++, sublime, atau IDE netbeand. Tapi tutorial kali ini saya akan menggunakan sublime.
• Browser: Chrome, Firefox, IE atau Safari.
• XAMPP
• Bahasa Pemrograman: HTML5

                                                                                Tampilan Form Login Sederhana

1. Pastikan xampp: apache distart.
2. Buat folder baru dengan nama login didirektori C:\xampp\htdocs.
                                        
                                                          
                                                                                                 gambar forlder
3. Jangan lupa ya download bootstrap dulu di getbootstrap.com
4. Ekstrak Bootstrap yang sudah didownload, kemudian pindahkan css, js dan fonts kefolder assets. Hasilnya seperti gambar diatas
5. Buat file index.php untuk form login. Berikut syntax file index.php
   
   
                               syntak login
6. Jika sudah kalian bisa cek dengan mengakses localhost/login

oke, demikian tutorial kali ini, jika ada error atau pertanyaan bisa kalian tinggalkan dikolom komentar.👌😄😄

Sekian dan selamat belajar.