Membuat system login password menggunakan php dan html
Sesuai dengan judul pada artikel kali ini saya akan berbagi simple program yakni membuat system login password menggunakan php dan html, yg tentunya ini untuk pemula ya :)
langsung saja yang pertama kita buat terlebih dahulu input/form loginnya,
buat file baru dengan nama form.php dan isikan code seperti di bawah ini
<html>
<head> <title>Simple login php | blog.ariefendi.me</title>
<style type="text/css">
.form {
width: 40%;
margin: auto;
margin-top:100px;
background: #E0E0E0;
padding:20px;
border: 1px solid #474747;
}
input[type=password] {
width: 50%;
height: 30px;
background: #FAFAFA;
border: 1px solid #bbb;
border-radius: 3px;
font-size: 14px;
padding: 3px;
}
input[type=submit] {
height: 30px;
border: 1px solid #082480;
padding: 3px;
background: #4B6EE3;
color: #E8E8E8;
cursor: pointer;
} </style>
</head><body>
<div class="form" align="center">
<h2>Simple login php</h2> <div> </div>
<form action="login.php" method="post">
Masukkan password :<br/>
<input type="password" placeholder="Password" name="password"> <input type="submit" name="login" value="Login!">
</form>
</div>
</body></html>
<head> <title>Simple login php | blog.ariefendi.me</title>
<style type="text/css">
.form {
width: 40%;
margin: auto;
margin-top:100px;
background: #E0E0E0;
padding:20px;
border: 1px solid #474747;
}
input[type=password] {
width: 50%;
height: 30px;
background: #FAFAFA;
border: 1px solid #bbb;
border-radius: 3px;
font-size: 14px;
padding: 3px;
}
input[type=submit] {
height: 30px;
border: 1px solid #082480;
padding: 3px;
background: #4B6EE3;
color: #E8E8E8;
cursor: pointer;
} </style>
</head><body>
<div class="form" align="center">
<h2>Simple login php</h2> <div> </div>
<form action="login.php" method="post">
Masukkan password :<br/>
<input type="password" placeholder="Password" name="password"> <input type="submit" name="login" value="Login!">
</form>
</div>
</body></html>
Yang kedua kita buat proses loginnya, buat file baru dengan nama login.php copy code di bawah paste ke file.
<?php
Session_start(); //Mengaktifkan sesi
$set['password']='12345678'; //konfigurasi password
if(isset($_POST['login'])){ //Cek submit form
$pass=@$_POST['password']; //Menangkap input password
if($pass==$set['password']){ //cek jika tangkapan password sama dengan konfirgurasi password
$_SESSION['admin']=$pass; //jika sama akan membuat Sesi dengan id admin
header('location:menu.php'); //redirect ke halaman menu.php
} else{ //jika password tidak sama //salah akan menampilkan ini
echo '<div> </div><div> </div><div align="center" style="color:red;"><h2>Password ditolak!!</h2></div>';
}
} else{ header('location:form.php'); }
?>
Session_start(); //Mengaktifkan sesi
$set['password']='12345678'; //konfigurasi password
if(isset($_POST['login'])){ //Cek submit form
$pass=@$_POST['password']; //Menangkap input password
if($pass==$set['password']){ //cek jika tangkapan password sama dengan konfirgurasi password
$_SESSION['admin']=$pass; //jika sama akan membuat Sesi dengan id admin
header('location:menu.php'); //redirect ke halaman menu.php
} else{ //jika password tidak sama //salah akan menampilkan ini
echo '<div> </div><div> </div><div align="center" style="color:red;"><h2>Password ditolak!!</h2></div>';
}
} else{ header('location:form.php'); }
?>
Ketiga buat file baru dengan nama menu.php isikan code di bawah ini
<?php
Session_start(); //berfungsi Mengaktifkan sesi
if(isset($_SESSION['admin'])){ //berfungsi cek sesi dengan id admin
echo '<div> </div><div> </div><div align="center" style="color:green;"><h2>Anda berhasil login, sekarang Anda adalah admin. :) - <a href="logout.php">Logout</a></h2></div>';
} else{ //jika tidak ada akan otomatis ke redirect ke halaman form.php
header('location:form.php');
} ?>
Session_start(); //berfungsi Mengaktifkan sesi
if(isset($_SESSION['admin'])){ //berfungsi cek sesi dengan id admin
echo '<div> </div><div> </div><div align="center" style="color:green;"><h2>Anda berhasil login, sekarang Anda adalah admin. :) - <a href="logout.php">Logout</a></h2></div>';
} else{ //jika tidak ada akan otomatis ke redirect ke halaman form.php
header('location:form.php');
} ?>
Yang terakhir buat file buat file baru dengan nama logout.php copy dan paste code di bawah ini
<?php
Session_start();
unset($_SESSION['admin']); //Mengunregister sesi dengan id admin
header('location:form.php'); //dan meredirect ke halaman form
?>
Session_start();
unset($_SESSION['admin']); //Mengunregister sesi dengan id admin
header('location:form.php'); //dan meredirect ke halaman form
?>
Pada file script diatas, file form.php berfungsi untuk menampilkan desain form login, file login.php berfungsi untuk cek password login jika password sama dengan password yang ditentukan akan membuat sesi dan otomatis redirect ke menu.php, dan jika salah akan kembali ke halaman form.php. Kemudian untuk file logout.php berfungsi untuk unregister sesi atau sesuai dengan namanya yakni untuk logout sesi. Download source codenya Disini
Kurang jelas?, bisa tanyakan langsung ke saya Disini
Tag / Keyword :
Cara membuat login menggunakan php
Membuat login Website
Membuat Simple login menggunakan php
Tutorial php login
Membuat login password
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon