Wednesday, 9 December 2015

Cara membuat Form Flat Login

By  17:20   4 comments
     HALO ..
hari ini saya akan mengepost bagaimana caranya membuat form flat login sendiri dengan
 dengan HTML melalui notepad ..



<html>
<head>
</head>
<font face="rockwell"size="8"color="purple"><center><marquee> Selamat Datang </marquee> </cen
</head><title></title>
</head>
<script>
function userLogin()
{
var myForm = document.login;if(myForm.username.value=="farah"&&
myForm.pass.value=="1234")window.location.href="new2.html";
else if (myForm.pass.value!="farah"&&
myForm.pass.value=="1234")alert("username anda salah!")
else if (myForm.pass.value=="farah"&&
myForm.pass.value!="1234")alert("password anda salah!")
else if (myForm.username.value=="")alert("silahkan isi username & password terlebih dahulu")
else alert("username & password anda salah");
}
</script>
<body>
</form>
<body>
<body bgcolor="grey">
<table width="405" height="169" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#428ef6"
<td height="37" colspan="2"><div align="center"><strong>Login</strong></div></td>
</tr>
<tr>
<form action="new2.html" method="get">
<td width="95" height="32">Username</td>
<td width="304"><label>:
<input name="username" type="text" id="username" />
</label></td>
</tr>
<tr>
<td height="26">Password</td>
<td><label>:
<input name="password" type="password" id="password" />
</label></td>
</tr>
<tr>
<td height="48"> </td>
<td><input name="Login" type="submit" id="Login" value="Login" />
<input name="Batal" type="submit" id="Batal" value="Batal" /></td>
</tr>
</form>
<tr bgcolor="#428ef6"
<td height="26" colspan="2"><div align="right><strong>roupurbo.blogspot.com</strong></div></td>"
<script src="http://jquery.com/src/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
onload function() {
    alert(username dan password salah');
    }
</script>
</table>
</html>


hasilnya akan jadi seperti dibawah ini :


Read More