Sunday, 12 March 2017

cara membuat form login dengan javascript

cara membuat form login dengan javascript - kali ini ADIBIHAK akan memberikan contoh atau tutorial membuat form login memggunakan javascript

form login dengan javascript

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>
berikut hasilnya :


form login dengan javascript


EmoticonEmoticon