My OperaTips dan trick: Membuat Form Login Dengan HTML dan PHP
Friday, June 25, 2010 12:53:37 AM
sekedar berbagi... klo basi gk usah dibaca denger2 seh pembuatan form login,ita bisa menggunakan bahasa pemrograman PHP yang dikombinasikan dengan HTML. bukan denger2 taapi emang bener... HTML buat halaman index nya dan PHP buat halaman sesudah loginnya langsung aja w sharing cara membuatnya:
dalam bagian ini, harus memasukkan username dan password secara benar. ketentuanya adalah:
1. username dan password harus huruf
2. bila kedua kolom tersebut kosong, maka akan keluar peringatan sebagai berikut:
3. bila username atau password salah, maka akan keluar peringatan sebagai berikut:
kemudian apabila diklik "klik disini", maka akan kembali lagi ke form login.
4. bila username dan password benar, maka akan terakses kehalaman PHP yang kita bikin... udah dulu udah bisa kan ??? gk bisa... jelas gk bisa scriptnya aja blum di sharing
ketikkan script dibawah ini, kemudian save dengan nama file rizallog.php
scriptnya adalah sebagai berkut:
<!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>Admin status</title> </head> <body> <?php if(($_POST['user']=='rizalblue') AND ($_POST['pass']=='123456')) { echo '<strong>W E L C O M E :</strong> '.$_POST['user']; } else { echo "<br><body text='red'><strong>maaf anda melakukan kesalahan pengisian username atau password<br></strong></body>"; echo "<a href='http://nama hosting kamu/index.html'><strong>klik disini</a> untuk login kembali</strong>"; } ?> </body> </html>
setelah itu untu membuat HTML nya, ketikkan script dibawah ini (save dengan nama index.html):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>FORM LOGIN</title> </head> <style type="text/css"> #body { position:absolute; width:350px; height:240px; z-index:1; left: 350px; top: 100px; background-color: #FFFFFF; border: 2px solid Black; } #bawah{ position:absolute; width:80px; height:30px; z-index:2; left: 250px; top: 130px; } #header{ width:350px; height:60px; top:10px; background-color:#cc33cc; } #tengah{ top:20px; } .style2{ font-size: 17px; font-weight: bold; } .style1{ position:absolute; font-size:20px; top:20px; left:140px; } </style> <script type="text/javascript"> function error() { alert('Masukkan User Name dan Password'); } function check() { if(form1.pass.value == "" || form1.user.value=="") { error(); } } </script> <body onLoad="document.form1.user.focus();" style="background-color:#cc99ff"> <form name="form1" method="post" action="rizallog.php"> <div id="body"> <div id="header"> <div class="style1"><strong> L O G I N </strong></div> </div> <div id="tengah" > <div align="left"> <table width="350" border="0"> <tr> <td width="121" style="text-align:left"><strong>username<strong></td> <td width="196"> <input name="user" type="text" size="30" value="" style="background-color:#cccccc" autocomplete="off"></td> </tr> <tr> <td style="text-align:"><strong>password</strong></td> <td> <input type="password" name="pass" size="30" style="background-color:#cccccc" autocomplete="off"></td> </tr> </table> </div> </div> <div id="bawah"> <input type="submit" name="submit" value=" L O G I N " onClick="check()"> </div> </div> </form> </body> </html>
klo gk ngerti... tanyakan aja... sesat di jalan malu bertanya
nieh... ku kasih contoh bikinan ku .... free fake mail sender
Unregistered user # Friday, July 9, 2010 11:41:20 PM
Rizalblue # Sunday, July 11, 2010 1:13:26 AM
Unregistered user # Thursday, July 22, 2010 4:14:14 AM
Unregistered user # Monday, August 9, 2010 2:17:47 PM
dimasriatmojo # Saturday, August 14, 2010 11:04:59 PM
Unregistered user # Friday, December 10, 2010 1:26:47 PM
Unregistered user # Friday, December 10, 2010 1:28:31 PM
Unregistered user # Friday, May 13, 2011 6:32:30 AM
Unregistered user # Saturday, May 21, 2011 8:31:03 AM
Unregistered user # Monday, June 20, 2011 4:47:31 AM
Unregistered user # Thursday, October 6, 2011 4:00:13 AM
Unregistered user # Thursday, October 6, 2011 7:26:29 AM
Unregistered user # Wednesday, December 28, 2011 6:11:17 AM
Unregistered user # Wednesday, December 28, 2011 6:13:49 AM