Membuat Tampilan Awal Login
Buatlah file dengan nama login.php sebagai tampilan awal halaman login sebagai berikut :
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
<title>Form login</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 20px;
}
body {
background-color: #FF6633
}
-->
</style>
</head>
<body>
<div align="center">
<form action="periksa.php" method="post" name="login">
<table width="286" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr bgcolor="black">
<td height="19" colspan="2" align="center" valign="middle">
<font color="#FFFFFF">LOGIN DI SINI</font></td>
</tr>
<tr>
<td width="106" height="27"> </td>
<td width="180"> </td>
</tr>
<tr>
<td height="18" align="right" valign="middle">Username : </td>
<td valign="middle">
<input name="username" type="text" id="username" size="20"></td>
</tr>
<tr>
<td height="18" align="right" valign="middle">Password : </td>
<td valign="middle">
<p>
<input name="password" type="password" id="password" size="20"></td>
</p>
</tr>
<tr>
<td height="19"> </td>
<td></td>
</tr>
<tr>
<td height="18" valign="top"><!--DWLayoutEmptyCell--> </td>
<td valign="middle">
<input name="login" type="submit" id="login" value=" Login "></td>
</tr>
<tr>
<td height="28"> </td>
<td></td>
</tr>
<tr bgcolor="black">
<td height="18" colspan="2" valign="top"><!--DWLayoutEmptyCell--> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
hasil tampilan login dari script diatas,
Dari program tampilan awal di atas, kita bisa lihat bahwa program menggunakan form inputan sbb :- username bertype text
- password bertype password
- tombol login bertype submit
Jika tombol login ditekan maka isi form akan diproses di halaman periksa.php sesuai dengan action pada tag form.
Membuat Halaman Pemeriksaan Login
Setelah tampilan awal kita buat, maka kita buat halaman pemeriksaan login untuk memeriksa apakah username dan password yang diinputkan benar atau salah. Buatlah file dengan nama periksa.php sebagai berikut :
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Hasil login</title>
</head>
<body>
<div align="center">
<?php
$acc_user = 'user';
$acc_pas = 'user';
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 'Selamat datang, Login Anda berhasil. ';
} else {
echo 'Masukan Username dan password Anda dengan benar'.
'<br/>'.
'<a href="login.php">Ulangi Login</a>'.
'<br/>';
}
}
?>
Hasil tampilan dari pemeriksaan Login.
user dapat memasukan username dan password dengan benar.
user tidak dapat memasukan username dan password dengan benar.
apabila user tidak dapat memasukan username dan password dengan benar maka dapat melakukan login ulang.Untuk ikut mencoba hasil dari aplikasi Login sederhana diatas dapat klik disini, username dan password "user".
0 komentar:
Posting Komentar