Cara membuat Form Login

Assalammualaikum Wr Wb.

Hai gan, kali ini saya akan membahas tentang cara membuat form login di halaman web menggunakan bahasa java script .

Copas saja codingan html ini:

<!DOCtype>
<html>
<head>
<title>Layout 1</title>
</head>
<body background="C:\Users\Puput\Downloads\background\images.jpg">
<body>
<font face="monotype corsiva" size="10" color="green"> <marquee behavior="alternate"> Wellcome  </marquee> </font>
<center>
<script> 
function userLogin() {
var myForm = document.login;
if (myForm.username.value == "12345" && myForm.pass.value =="123456")
window.location.href ="new 2.html" ;
else if
(myForm.username.value != "12345" && myForm.pass.value =="123456")
alert("Username anda salah")
else if
(myForm.username.value == "12345" && myForm.pass.value !="123456")
alert("Password anda salah")
else if
(myForm.username.value == "" && myForm.pass.value =="")
alert("Username dan Password anda masih kosong")
else
alert("Username dan Password yang dimasukkan salah");
}
</script>
<br><br><br></br><center><img src="C:\Users\Puput\Downloads\file lama\1551492_375758492549391_1531001917_ngfgdg.jpg" height="250" width="300"></center><center>
<br>
<u> <b> <font color="blue"> Login Disini </b></u> 
<form name="login">
Username: <Input name="username" type="text">
<br>
Password: <Input name="pass" type="password">
<br>
<input type="button" value="Login" onclick="userLogin ()">
<br><br><br><br><br><br><br><br><br> <center> <i><font size="5"> <font color="blue"> Copyright Irfan Prihandoko Putra </center> </i>
</center>
</form>
</body>
</html>

Copas di notepad lalu Save As pilih all files lalu save dengan format html

Dan ini adalah hasil dari codingan di atas:

Ini codingan setelah berhasil login:

<!DOChtml>

<html>

<head>

<title>Layout 2</title>

</head>

<body background="C:\Users\Puput\Downloads\background\background-dark.jpg">

<body>

<font face="monotype corsiva" size="10" color="white"> <marquee behavior="alternate">Selamat Login Berhasil </marquee> </font>

<center><hr> <br><br><audio controls loop="loop">

<source src="E:\My Music\avenged sevenfold - unbound.mp3" type="audio/mp3">

</audio> </center>

<center><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br>

<br><br><br><br><i><font size="5"> <b> <font color="white"> Copyright Irfan Prihandoko Putra </center>

</center>

</video>

</body>

</html>

Copas di notepad lalu Save As pilih all files lalu save dengan format html

ini screenshot hasil codingan di atas:

Sekian pos saya tentang Form Login ini

NB: Foto, Lagu dll. terserah kalian :) 

Terima kasih telah berkunjung kritik dan saran

silahkan komentar.

Wassalamualaikum Wr.Wb.