Pada aplikasi web, teknik pengiriman form dapat dilakukan melalui tiga metode: POST, GET, dan kombinasi keduanya. Dalam konteks PHP, parameter-parameter GET dapat dibaca melalui superglobal $_GET, sedangkan POST melalui $_POST. Selain itu, keduanya juga dapat dibaca menggunakan $_REQUEST.
Berikut ini merupakan contoh aplikasi login form sederhana (tanpa database) yang terdiri dari field ID/Username dan Password. Yang menggunakan variabel di PHP untuk mensimulasikan verifikasi data yang dimasukkan.
Sintaks:
File css.- nya
body {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:black;
}
a:visited {
color: #009900;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: none;
}
a:active {
color: #009900;
text-decoration: none;
}
#ajax_display { position: absolute;top:5px; width:100%; text-align: Left; font-family:Geneva, Arial, Helvetica, sans-serif;font-size:11px; z-index: 5; }
#mainPan{
width:300px;
position:relative;
margin:0 auto;
}
fieldset { border:solid 3px #ccc;padding:20px;}
legend {padding:0 15px 0 10px;font:bold .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#666;text-transform:uppercase;border:1px solid #ccc;background:#f4f4f4;letter-spacing:2px}
.input {0 0 repeat-x; border:solid 1px #cccccc;}
.submit { border:solid 1px #cccccc; 0 0 no-repeat #f4f4f4; padding-left:30px; height:35px; color:#660000;margin-left:55px; }
label { width:140px;color: #660000; }
di Link-an ke Login.php
sintaknya:
<!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">
<?
session_start();
//periksa apakah user telah login atau memiliki session
if(!isset($_SESSION[�user�]) || !isset($_SESSION[�passwd�])) {
?><script language=�javascript�>alert(�Anda belum login. Please login dulu�);
document.location=�login.php�</script><?
} else {
?>
<html>
<head>
<title>login</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="746" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="746" height="23" align="center" valign="top"><font face="Verdana, Arial,
Helvetica, sans-serif"><? echo $_SESSION['user'] ?> <a
<strong>LOGOUT</strong></a></font></td>
</tr>
<tr>
<td height="88"> </td>
</tr>
<tr align="center" valign="middle">
<td height="33"<font color="Blue" size="5" face="Arial, Helvetica, sans-serif">SELAMAT DATANG !</font></td>
</tr>
<tr>
<td height="62"> </td>
</tr>
</table>
</body>
</html>
sintaks Indeks.php
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP Login</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="ajax_display"></div>
<div id="mainPan">
<form action="login.php" method="post" name="login">
<fieldset>
<legend>Login</legend>
<p>
<label>UserName: </label>
<input type="text" class="input" name="usern" />
</p>
<p>
<label>PassWord: </label>
<input type="password" class="input" name="passw" />
</p>
<input type="submit" value="Login" class="submit" name="login" />
</fieldset>
</form>
</div>
</div>
</body>
</html>
dan hasilnya:
selamat mencoba ya....
Tidak ada komentar:
Posting Komentar