Minggu, 28 Maret 2010

Membuat Login Form Sederhana

Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hampir menjadi kebutuhan wajib. Tanpa adanya login rasa-rasanya ada yang kurang dari suatu situs. Dengan login kita bisa mengatur siapa saja yang berhak masuk ke halaman tertentu dan siapa saja yang tidak boleh. Disamping itu secara tidak langsung, login bisa digunakan untuk mencatat siapa saja yang sedang online, siapa saja yang sering mengunjungi situs kita dan seterusnya.
Dibawah ini saya akan mencoba membuat tampilan login sederhana tanpa menggunakan database. Tampilan login hanya berupa password, password yang digunakan untuk login diset secara default, atau istilahnya pre-defined value variable.
Langsung saja mari kita coba script berikut:

<?php
##########################################################################
$password = "admin";
##########################################################################
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Login with protect password</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
P { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana,Tahoma,Arial}
TD { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana,Tahoma,Arial}
-->
</style>
</head>
<body>
<?php
print "<h2 align=\"center\">LOGIN FORM</h2>";
// Jika password benar, maka user diperkenankan untuk melakukan akses
if (isset($_POST["password"]) && ($_POST["password"]=="$password")) {
?>
<!-- START OF HIDDEN HTML -->

<p align="center"><br><br><br>
<b>Congratulations</b><br>wellcome!!you can access this Protected and Secret Area!</p>

<!-- END OF HIDDEN HTML -->
<?php
}
else
{
// Jika tidak memasukkan password atau password salah, maka pesan ini akan tampil
if (isset($_POST['password']) || $password == "") {
print "<p align=\"center\"><font color=\"red\"><b>Incorrect Password</b><br>Your password is incorrect,,please get the correct password</font></p>";}
print "<form method=\"post\"><p align=\"center\">Enter your password here<br>";
print "<input name=\"password\" type=\"password\" size=\"25\" maxlength=\"10\"><input value=\"Login\" type=\"submit\"></p></form>";
}
print "<br><br><p align=\"center\">by mE,,<br>";
?>
<BR>
</body>
</html>

Tampilan awal program jika dijalankan adalah:
Jika user memasukkan password yang benar, maka user bisa mengakses web tersebut. Tampilannya adalah sebagai berikut:
Tetapi jika user memasukkan password yang salah, maka akan ada peringatan bahwa password masih belum benar. Tampilannya adalah:


Tidak ada komentar:

Posting Komentar