Membuat Form Login dengan PHP
Yang pertama-tama yang akan kita lakukan adalah membuat sebuah halaman
login. Sesuai dengan namanya, halaman login digunakan untuk login sebelum
memasuki program absensi. Untuk source code untuk halam login akan kita simpan
dengan nama index.php karena halam index akan paling pertama di eksekusi pada
saat di jalankan.
Adapun source codenya sebagai
berikut :
Index.php
<html>
<head>
<title>Aplikasi
Absen Siswa</title>
<link
href="login-box.css" rel="stylesheet"
type="text/css" />
</head>
<body
OnLoad="document.myform.username.focus();">
<div
style="padding: 40px 100px 100px 415px;">
<div
id="login-box">
<H2>Login</H2>
Aplikasi
Absensi Siswa SMK DCC<br /><br />
<form
action="login.php"
method="post" name="myform" onSubmit="return
validasi_login(this)">
<div
id="login-box-name"
style="margin-top:20px;">Username:</div>
<div
id="login-box-field" style="margin-top:20px;">
<input
name="username" class="form-login"
title="Username" value="" size="30"
maxlength="2048" id=”username”/></div>
<div
id="login-box-name">Password:</div><div
id="login-box-field">
<input
name="password" type="password" class="form-login"
title="Password" value="" size="30"
maxlength="2048" /></div>
<button
type="submit" class="button buttonblue mediumbtn"
style="margin-left:90px">Login</button>
</form></div></div>
<div
class="footer">Copyright © <?php echo
date("Y"); ?><br />
<a
href="www.dcc-dp.org"><font
color="#0000FF">DIPANEGARA COMPUTER
CLUB</font></a></div>
</body>
</html>
Dari
Source code di atas maka akan muncul tampilan seperti dibawah ini :
Form Login
Semoga dapat bermanfaat,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, bagi teman - teman.
0 Komentar:
Post a Comment