wage blog: tutorial membuat form login

halo
hari ini saya akan memberikan tutorial tentang cara membuat form login dengan HTML
tanpa berlama lama langsung saja kita check kebawah :

1. buka notepad anda

2. copy atau ketik script dibawah ini

====================================================================================

<html>
<head>
<title></title>
</head>
<script>
function userlogin() {
var myform = document.login;
if (myform.username.value == "wage" && myform.pass.value == "gans")
window.location.href = "memasukkan video.html";
else if (myform.username.value != "wage" && myform.pass.value == "gans")
alert("username not invalid!")
else if (myform.username.value == "wage" && myform.pass.value != "gans")
alert("password not invalid!")
else if (myform.username.value == "" && myform.pass.value == "")
alert("mohon masukkan username dan password!")
else
alert("username or password not invalid!")
}
</script>
<body>
<body bgcolor="aqua">
<tr>
<td height="23"align="center"
bordercolor="#ffffff"bgcolor="ffff00"><marquee direction="right"><caption><font color="red" face="algerian" size="10"> Selamat Datang... </font></caption><strong><font size="+5"></font></strong></marquee></td>
<center><img src="qwer.jpg" width="350" height="350">
<br>
<br>
<br>
<table width="350" height="121" border="0" cellpadding="0" cellspacing="0">

    <tr bgcolor="yellow">
      <td height="37" colspan="5"><div align="center"><strong>PLEASE LOGIN</strong></div></td>
    </tr>
    <tr>
<form name="login">
      <td width="95" height="32">Username</td>
      <td width="304"><label>:
          <input name="username" type="text" >
      </label></td>
    </tr>
    <tr>

      <td height="30">Password</td>
      <td><label>:

          <input name="pass" type="password">
<input value="login" type="button" onclick="userlogin()">
</label> </td> 
    </tr>
   
    <tr bgcolor="green">
      <td height="37" colspan="5"><div align="left"><marquee direction="right"><strong> Belajar Membuat Website.Com</strong></div></marquee></td>
    </tr>
  </table>
</center>
</body>

================================

3. simpan dalam format .html pilih type alfile

 4. hasilnya akan jdi seperti ini ..

note:

 pada kolom <script> tulisan wage itu sebgai username dan anda bisa menggantinya sesuka anda

ddan gans sebagai password dan anda bsa mengganti sesusai keinginan anda ..

skian tutorial ... terimakasih

wage blog

Kamis, 10 Desember 2015

tutorial membuat form login

Tidak ada komentar:

Posting Komentar