Form login adalah salah satu elemen yang ada pada website. Form login tidak akan lepas dari website, karena sebagai form login bertugas untuk memilah sebuah akun untuk memasuki suatu website. Proses filter ini akan sedikit membantu pemilik website agar dapat dikelola oleh orang-orang tertentu yang telah kita berikan hak aksesnya. Sesuai dengan artikel kali ini kita akan belajar bagaimana cara membuat form login dengan PHP.
Caranya terbilang cukup mudah, Hal yang harus kalian pahami adalah tentu dasar tentang html css dan php. Untuk lebih mendetailnya kalian bisa ikuti contoh code berikut ini.
Membuat form login dengan PHP.
login.php
<html> <head> <meta charset="UTF-8"> <title> Login Form PHP </title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <h1>Form Login</h1> <form action="proses.php" method="post"> <input type="text" name="user" placeholder=" Masukan Username Anda "><br> <input type="password" name="pass" placeholder=" Masukan Password Anda "><br> <input type="submit" name="kirim" value="kirim"> </form> <?php if (isset($_GET['eror'])) { echo "<span>Username atau password salah !</span>"; } ?> </div> </body> </html>
admin.php
<html> <head> <meta charset="UTF-8"> <title> Login Form PHP </title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <h1> Selamat datang di halaman Admin ! </h1> </div> </body> </html>
proses.php
<?php if(isset($_POST['kirim'])){ $user = $_POST['user']; $pass = $_POST['pass']; if($user=="admin" and $pass=="admin"){ header("location:admin.html"); } else{ header("location:login.php?eror"); } } ?>
style.css
.container{ width: 350px; padding: 50px; margin:auto; background:#ccc; box-shadow: 6px 6px 10px #ccc; } input[type="text"],input[type="password"]{ width: 100%; margin: 10px 0; padding: 10px; } input[type="submit"]{ background: green; width: 100%; padding: 10px; color:white; border: transparent; } h1{ text-align: center; } span{ color: red; }
Setelah sudah kalian simpan file tersebut sesuai dengan judulnya. Karena file ini ada yang berformat PHP, maka kalian harus simpan ke empat file tersebut dalam satu folder dan letakan pada folder htdocs. Jika sudah untuk melihat hasilnya kalian bisa buka file login.php lewat localhost pada browser kalian. Maka jika berhasil maka tampilanya akan seperti ini.
Sekarang kalian bisa coba login dengan user dan password admin. Karena kita telah atur akunya dengan itu, maka otomatis akan berhasil. Jika berhasil maka tampilanya akan seperti ini.
Sekarang kalian coba buka file login.php kembali dengan menuliskan user dan password yang salah. Maka tampilanya akan seperti ini.
Mudah bukan ?
Sekian pembahasan mengenai bagaimana cara membuat form login dengan PHP. Semoga bermanfaat.