Assalamualaikum wr.wb
hai sobat blogger, kali ini saya akan membahas tentang cara membuat from login di halaman web menggunakan bahasa java script .
demikian ini screenshoot dari contoh codingan yang saya buat ..
dan ini halaman ketika saya berhasil login ...
note : itu hasil dri form login yang paling sederhana , sebenarnya ada yang lebih baik lagi dari mungkin kalian bisa cari di blog atau web sebelah, ini hanya dasarnya .
jika kalian ingin mengikuti codingan yang saya buat ikuti script di bawah ini :
<!DOCtype>
<html>
<head>
<title>login</title>
</head>
<body background="C:\Users\Puput\Downloads\background\Wood Wallpapers 7.jpg">
<body>
<font face="monotype corsiva" size="10" color="blue"> <marquee behavior="alternate">welcome in a7x site </marquee> </font>
<center>
<script>
function userLogin() {
var myForm = document.login;
if (myForm.username.value == "rizkii" && myForm.pass.value =="ananda")
window.location.href ="layout 2.html" ;
else if
(myForm.username.value != "rizkii" && myForm.pass.value =="ananda")
alert("Username anda salah")
else if
(myForm.username.value == "rizkii" && myForm.pass.value !="ananda")
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="E:\a7x\Foto_Wallpaper_Avenged_Sevenfold5.jpg" height="250" width="300"></center><center>
<br>
<u> <b> <font color="white"> Login Here </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="white">copyright rizkii ananda </center> </i>
</center>
</form>
</body>
</html>
note :jika kalian ingin mengganti password lihat codingan function user login
di situ ada tulisan rizkii dan ananda
rizkii adalah username saya dan
ananda adalah password saya
terserah ingin kalian ganti apa passwordnya bukan urusan saya hehe
itu adalah layout pertama .. ini layout keduanya ketika kalian berhasil login cekidot :
<!DOChtml>
<html>
<head>
<title><layout login2</title>
</head>
<body background="C:\Users\Puput\Pictures\avenged_sevenfold_wallpaper_by_greenhammock-d5507po.jpg">
<body>
<font face="monotype corsiva" size="10" color="white"> <marquee behavior="alternate">Selamat Anda Berhasil Login </marquee> </font>
<center><hr></center>
<center><br><br><br> <img src="E:\avenged_sevenfold___hail_to_the_king__lyric_gif__by_betweentheteardrops-d6tcib3.gif" height="350" width="550">
<br><br><audio controls loop="loop">
<source src="E:\My Music\Avenged sevenfold-Little piece of heaven.MP3" type="audio/mp3">
</audio>
<center><br><br><br><br><br><i><font size="5"> <b><font color="white">copyright rizkii ananda </center>
</center>
</body>
</html>
note : masalah gambar,design dan isi dari web kalian terserah maunya apa .. saya hanya kasih sedikit cara untuk membuat tombol login ..
sekian kritik dan saran silahkan berkomentar ..
terimakasih telah berkunjung :)
wassalamualaikum wr.wb.