Oke guys, setelah kemarin saya memposting cara membuat Form Daftar, Login dan Logout dengan PHP MySQL, kali ini saya dengan gratis alias free akan membagikan sedikit informasi tentang cara membuat Form Login dan Logout tanpa Database, kebetulan ini merupakan revisi saya dalam mengerjakan tugas akhir cawu di kampus, silahkan simak postingan berikut, semoga bermanfaat :
Pertama salin lah scrip di bawah ini dan simpan sebagai "Login.php" (tampa tanda petik)
<html>
<head><title>Login</title>
<style>
.LoginForm
{
width : 350px;
height: 200px;
padding : 5px;
border : 2px Solid #000;
background-color : #ccc;
border-radius : 50px;
margin : Auto;
}
</style>
</head>
<body>
<center>
<div class="LoginForm">
<h2>MASUKKAN<br>Username dan Password</h2>
<FORM ACTION="proses.php" METHOD="POST" NAME="input">
<table>
<tr><td>Username</td> <td>: <input type="text" name="username"></td><tr>
<tr><td>Password</td> <td>: <input type="password" name="password"></td><tr>
<tr><td><input type="submit" name="Login" value="Login"></td>
<td><input type="reset" name="reset" value="reset"></td></tr>
</table>
</FORM>
</div>
</center>
</body>
</html>
<head><title>Login</title>
<style>
.LoginForm
{
width : 350px;
height: 200px;
padding : 5px;
border : 2px Solid #000;
background-color : #ccc;
border-radius : 50px;
margin : Auto;
}
</style>
</head>
<body>
<center>
<div class="LoginForm">
<h2>MASUKKAN<br>Username dan Password</h2>
<FORM ACTION="proses.php" METHOD="POST" NAME="input">
<table>
<tr><td>Username</td> <td>: <input type="text" name="username"></td><tr>
<tr><td>Password</td> <td>: <input type="password" name="password"></td><tr>
<tr><td><input type="submit" name="Login" value="Login"></td>
<td><input type="reset" name="reset" value="reset"></td></tr>
</table>
</FORM>
</div>
</center>
</body>
</html>
"LoginForm" di atas tersebut berguna untuk memberi bingkai pada form login, apabila kalian tidak memerlukan bingkai, tinggal hapus saja Script ini "<div class="LoginForm"> </div>"
Apabila kalian menggunakan tampa "LoginForm" maka tampilannya akan seperti ini :
Akan tetapi apabila kalian menggunakan "LoginForm", maka tampilannya akan seperti ini :
Lebih indah bukan
Kedua silahkan buat Script "Proses.php" sebagai action dari Login.php, salinlah script dibawah ini
<?php
if (isset($_POST['Login'])){
$user = $_POST['username'] ;
$pass = $_POST['password'] ;
if ($user == "gilang" && $pass =="gilang") {
$_SESSION['username'] = $user ;
header('location:index.html');
} else {
echo "Login Gagal" ;
}
}
?>
if (isset($_POST['Login'])){
$user = $_POST['username'] ;
$pass = $_POST['password'] ;
if ($user == "gilang" && $pass =="gilang") {
$_SESSION['username'] = $user ;
header('location:index.html');
} else {
echo "Login Gagal" ;
}
}
?>
Dalam baris ke lima ( if ($user == "gilang" && $pass =="gilang") { ) silahkan isi user dan password sesuai dengan keinginan kalian masing-masing,kalau disini saya menggunakan user "Gilang" dengan password yang sama dengan user.
Untuk baris ke enam dan ke tujuh merupakan fungsi untuk melanjutkan proses ke "index.html" apabila user name dan password yang di inputkan benar
Itulah script bagaimana caranya membuat Form Login tampa Database, selanjutnya adalah bagaimana cara membuat Script "sederhana" Logout
Yang terkahir adalah membuat Script "sederhana" "Logout.php", silahkan di salin script di bawah ini :
<?php
session_start();
unset($_SESSION['username']);
?><title>Logout</title>
<center>
<h2>Anda telah berhasil logout..</h2>
Silahkan klik <b><a href="login.php">disini</a></b> untuk login kembali
</center>
Script "Logout.php" ini diletakkan ke dalam "index.html" kalian masing - masing. Berikut tampilannya :
Semoga Bermanfaat, jangan lupa untuk selalu berbagi
Tidak ada komentar:
Posting Komentar