Cara Buat Form Login Dengan PHP
RPL-SATU.com - Membuat form login pada umumnya menggunakan bahasa pemrograman HTML. Namun, materi kali ini kita akan membuat form login menggunakan bahasa pemrograman PHP. Sebelumnya, sudah tahu kan apa itu PHP? Yap, Hypertext Prepocessor, adalah bahasa skrip dapat disisipkan pada bahasa pemrograman HTML. Pada umumnya, PHP ini digunakan untuk membuat web dinamis atau membangun website dengan CMS.
Membahas web dinamis, materi ini berkaitan dengan mata pelajaran WDD (Web Dinamis Dasar). Karena di belakangnya ada embel-embel dasar, tentu di kelas 11 ini kita banyak belajar dasar dulu. Kemungkinan, di kelas 12 nanti tidak ada embel-embel tersebut.
Langsung saja, ini dia script/skrip untuk membuat form login dengan PHP. Silakan di copy-paste dan dipraktikan seksama dan jangan lupa untuk dipelajari.
<?php
?>
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<style>
<!--
.style 1{
color:#000000;
font-family:verdana, arial, helvetica, sans-serif;
font-size:24px;
font-weight:bold;
}
.style 2{
color:#ffffff;
font-size:18px;
font-weight:bold;
}
-->
</style>
</head>
<body>
<div class="container">
<div class="content-luar">
<form id="form1" name="form1" method="POST" action="ceklogin.php">
<table width="500" border="1" align="center" cellpadding="5" cellspacing="0" bgcolor="#fffffff">
<tr>
<td colspan="2" bgcolor="#990000"><span class="style2">Login. . .</span> </td>
</tr>
<tr>
<td rowspan="6" align="center"><img src="icon.png" /> </td>
</tr>
<tr>
<td bgcolor="#ffff00"> Username </td>
</tr>
<tr>
<td> <input type="text" name="uname" id="uname" /> </td>
</tr>
<tr>
<td bgcolor="#ffff00"> Password </td>
</tr>
<tr>
<td> <input type="password" name="pass" id="pass" /> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#990000" align="center"> <input type="submit" name="kirim" id="kirim" value="Login" />
|| <a href="register.php" target="_blank"> register </a> </td>
</tr>
</table>
</form>
<!-- end content --> </div>
<!-- end container --> </div>
</body>
</html> Bagaimana, scriptnya mudah bukan untuk dipahami? Untuk hasil jadinya, bisa lihat gambar di bawah ini.
