Login form, sudah tidak asing lagi bagi kita. login form banyak kita jumpai seperti di perpustakaan, rental VCD, dan lain2. Atau yang lebih sering kita jumpai pada beberapa situs di internet, seperti facebook, friendster, E-mail, dan lain-lain.
Terus, bagaimana untuk membuat form login? berikut cara membuat form login sederhana dengan PHP.
ada 4 file yang harus di buat, yaitu:
1. file login.php
scripting javascript untuk peringatan jika user salah memasukkan username dan password.
– setfocus untuk menunjuk cursor ke username kembali jika field yang diisikan kosong.
<em><script language=”JavaScript” type=”text/javascript”>
function setFocus() {
document.login.username.focus();
}
function Salah() {
var User;
var Pwd;
User = document.login.username.value;
Pwd = document.login.password.value;
if ((User== “”) || (Pwd == “”)) {
alert(“Oh No!\nUsername dan Password tidak boleh kosong”);
setFocus();
} else {
if ((!isNaN(User)) || (!isNaN(Pwd))) {
alert(“Oh No!\nPassword tidak boleh angka”);
setFocus();
}
}
}
</script></em>
2. file periksa.php
<em><?php
$acc_user = ‘tita’;
$acc_pas = ‘sip’;
if (isset($_POST[‘login’]))
{
$username = $_POST[‘username’];
$password = $_POST[‘password’];
if (($username==$acc_user) && ($password==$acc_pas))
{
session_start(); ==> UNTUK MENGAKTIFKAN SESSION
$_SESSION[‘user’] = $username;
echo ‘Login berhasil,
Halaman ini sangan rahasia, jaga sekuritas Login anda’.
‘<br/>’.
‘<a href=”sessi.php”>Lanjutkan</a>’.
‘<br/>’;
} else {
echo ‘Username dan password yang dimasukkan salah’.
‘<br/>’.
‘<a href=”login.php”>Coba lagi</a>’.
‘<br/>’;
}
}</em>
3. file session.php
<em><?php
session_start();
if (isset($_SESSION[‘user’]))
{
$user = $_SESSION[‘user’];
echo ‘<p align=”center”>’.
‘<br/><br/>
<h3 id=”Go To Form”>Masuk ke Form</h3>
<p>
Anda Sudah Berhasil Login. Tulisan ini hanya bisa dibaca oleh admin, yang telah mempunyai ID dan Password.
.<br/><br/>’.
‘<a href=”logout.php”>Logout</a>’.
‘</p>’;
} else {
header(‘location: login.php’);
exit;
}
?></em>
4. file logout.php
<em><?
session_start();
//periksa apakah user telah login atau memiliki session
if(!isset($_SESSION[�user�]) || !isset($_SESSION[�password�])) {
?>
<script language=”JavaScript” type=”text/javascript”>
document.location=”login.php”
</script>
<?
} else {
unset($_SESSION);
session_destroy();
?>
<script language=”JavaScript” type=”text/javascript”>
document.location=”login.php”
</script>
<?
}
?></em>
Untuk semua kode login, periksa,session, dan logout berikut in (file gambar download disini) :
<em><?
<!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>Login</title>
</head>
<body>
<script language=”JavaScript” type=”text/javascript”>
function setFocus() {
document.login.username.focus();
}
function Salah() {
var User;
var Pwd;
User = document.login.username.value;
Pwd = document.login.password.value;
if ((User== “”) || (Pwd == “”)) {
alert(“Oh No!\nUsername dan Password tidak boleh kosong”);
setFocus();
} else {
if ((!isNaN(User)) || (!isNaN(Pwd))) {
alert(“Oh No!\nPassword tidak boleh angka”);
setFocus();
}
}
}
</script>
<div align=”center”>
<form action=”periksa.php” method=”post” name=”login”>
<table width=”400″ border=”0″ background=”b1.JPG”>
<td height=”9″ colspan=”2″ align=”center” valign=”middle”>
<br /><font color=”aqua”><h2>FORM LOGIN</h2></font></td>
</tr>
<td colspan=”8″ style=”border-top:#000000 solid thin;”></td>
<tr>
<td height=”18″ align=”right”>Username : </td>
<td height=”50″ valign=”middle”>
<input name=”username” type=”text” id=”username” size=”20″ /></td>
</tr>
<tr>
<td height=”50″ align=”right”>Password : </td>
<td valign=”middle”>
<input name=”password” type=”password” id=”password” size=”20″ /></td>
</tr>
<tr>
<td height=”18″ valign=”top”> </td>
<td valign=”middle”>
<input name=”login” type=”submit” id=”login” value=” Login ” onclick=”Salah()” /></td>
</tr>
<td height=”18″ colspan=”2″ valign=”top”> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
</em>
<em><?
<!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”>
<head>
<title>Periksa</title>
</head>
<body>
<?php
$acc_user = ‘tita’;
$acc_pas = ‘sip’;
if (isset($_POST[‘login’]))
{
$username = $_POST[‘username’];
$password = $_POST[‘password’];
if (($username==$acc_user) && ($password==$acc_pas))
{
session_start();
$_SESSION[‘user’] = $username;
echo ‘Login berhasil,
Halaman ini sangan rahasia, jaga sekuritas Login anda’.
‘<br/>’.
‘<a href=”sessi.php”>Lanjutkan</a>’.
‘<br/>’;
} else {
echo ‘Username dan password yang dimasukkan salah’.
‘<br/>’.
‘<a href=”login.php”>Coba lagi</a>’.
‘<br/>’;
}
}
?>
</body>
</html>
</em>
<em><?
<!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>Logout</title>
</head>
<?php
session_start();
if (isset($_SESSION[‘user’]))
{
$user = $_SESSION[‘user’];
echo ‘<p align=”center”>’.
‘<br/><br/>
<h3 id=”Go To Form”>Masuk ke Form</h3>
<p>
Anda Sudah Berhasil Login. Tulisan ini hanya bisa dibaca oleh admin, yang telah mempunyai ID dan Password.
.<br/><br/>’.
‘<a href=”logout.php”>Logout</a>’.
‘</p>’;
} else {
header(‘location: login.php’);
exit;
}
?>
</body>
</html>
</em>
<em><?
<!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>Logout</title>
</head>
<body>
<?
session_start();
//periksa apakah user telah login atau memiliki session
if(!isset($_SESSION[�user�]) || !isset($_SESSION[�password�])) {
?>
<script language=”JavaScript” type=”text/javascript”>
document.location=”login.php”
</script>
<?
} else {
unset($_SESSION);
session_destroy();
?>
<script language=”JavaScript” type=”text/javascript”>
document.location=”login.php”
</script>
<?
}
?>
</body>
</html>
</em>
Trozzan's Blog 
