pasti kalian sudah tahu mengenai form login. jika kita mau masuk atau login akun media sosial pasti di harus login akun kita terlebih dahulu. misalnya pada facebook, twitter, instagram dll. form login adalah suatu halaman web yang berfungsi untuk memberikan jalan atau jalur untuk masuk pada akun media sosial kita.
tanpa basa - basi, berikut scriptnya:
<!doctype html>
<html>
<head>
<title> nugroho</title>
</head>
<style>
body{
width:60%;
}
table{
width:80%;
margin: auto;
background:rgba(255,255,255,0.5);
padding: 2%;
}
#login{
width:70%;
background: #f00;
border: 3px solid black;
margin: auto;
}
</style>
<script language="JavaScript">
function Login(){
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="juned" && password=="123"){
alert("Selamat anda berhasil login");
}
else{
alert("User name dan password anda salah!");
}
}
</script>
<body>
<div id="login">
<form name="login">
<table>
<center><h2>LOGIN</h2></center>
<tr><td>Username</td><td><input type="text" name="username"></td></tr>
<tr><td>Password</td><td><input type="text" name="password"></td></tr>
<tr><td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td></tr>
</table>
<br>
</div>
</body>
</html>
<html>
<head>
<title> nugroho</title>
</head>
<style>
body{
width:60%;
}
table{
width:80%;
margin: auto;
background:rgba(255,255,255,0.5);
padding: 2%;
}
#login{
width:70%;
background: #f00;
border: 3px solid black;
margin: auto;
}
</style>
<script language="JavaScript">
function Login(){
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="juned" && password=="123"){
alert("Selamat anda berhasil login");
}
else{
alert("User name dan password anda salah!");
}
}
</script>
<body>
<div id="login">
<form name="login">
<table>
<center><h2>LOGIN</h2></center>
<tr><td>Username</td><td><input type="text" name="username"></td></tr>
<tr><td>Password</td><td><input type="text" name="password"></td></tr>
<tr><td colspan="2" align="right"><input type="button" value="Login" onClick="Login()"></td></tr>
</table>
<br>
</div>
</body>
</html>
0 Comments