Pertama kita harus membuat tampilan awal login membutuhkan dua file PHP yaitu login.php dan periksa.php.Dalam index.php terdapat CSS serta 2 text field dan 1 buah button. scripnya sebagai berikut:
Gambar tampilan demo login form
Source code tampilan di atas sebagai berikut:
<html>
<head>
<title>Login here</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size: 21px;
}
input {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 25px;
}
-->
</style>
</head>
<body>
<div align="left">
<form action="periksa.php" method="post" name="login">
<table width="386" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr bgcolor="7FFF00">
<td height="29" colspan="2" align="center" valign="middle">
<font color="#000080">LOGIN DI SINI</font></td>
</tr>
<tr>
<td width="206" height="37"> </td>
<td width="280"> </td>
</tr>
<tr>
<td height="28" align="right" valign="middle">Username : </td>
<td valign="middle">
<input name="username" type="text" id="username" size="25"></td>
</tr>
<tr>
<td height="28" align="right" valign="middle">Password : </td>
<td valign="middle">
<input name="password" type="password" id="password" size="25"></td>
</tr>
<tr>
<td height="29"> </td>
<td></td>
</tr>
<tr>
<td height="28" valign="top"><!--DWLayoutEmptyCell--> </td>
<td valign="middle">
<input name="login" type="submit" id="login" value=" Login "></td>
</tr>
<tr>
<td height="29"> </td>
<td></td>
</tr>
<tr bgcolor="7FFF00">
<td height="28" colspan="2" valign="top"><!--DWLayoutEmptyCell--> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
Kedua membuat halaman pemeriksaan login.
Setelah membuat tampilan login, selanjutnya membuathalaman pemeriksaan login untuk memeriksa apakah username dan password yang masukkan benar atau salah. Source codenya seperti berikut:
<head>
<title>Hasil login</title>
</head>
<body>
<div align="center">
<?php
$acc_user = 'ridwan';
$acc_pas = '66273';
if (isset($_POST['login'])) {
$username = $_POST['username']; // diambil dari nama input di form login
$password = $_POST['password']; // diambil dari nama input di form login
$username = strip_tags($username);
$password = strip_tags($password);
if (($username==$acc_user) && ($password==$acc_pas))
{
session_start();
$_SESSION['user'] = $username;
echo 'welcome, Anda berhasil Login . ';
} else {
echo 'Maaf Username dan password Anda salah Masukan dengan benar'.
'<br/>'.
'<a href="login.php">Ulangi Login</a>'.
'<br/>';
}
}
?>
Keterangan :
Username : ridwan
Password : 66273
Jika username dan password salah maka tampilannya seperti gambar dibawah :
Jika username dan password benar maka tampilannya seperti gambar dibawah :
