Senin, 10 November 2014

Form LogIn Sederhana Menggunakan HTML

Dalam dunia maya, kita sering menjumpai sebuah form sederhana yaitu form Log In yang digunakan untuk masuk ke dalam sebuah akun, form yang berguna untuk mengamankan sebuah akun di suatu media seperti Facebook,Path,dsb.
Pada postingan kali ini saya sedikit mencoba untuk membuat form Log In sederhana, berikut source code nya

Source code program<html>
        <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=="Hariz" && password=="12345"){
                alert("Selamat datang");
                }
                else{
                alert("User name dan password tidak cocok!");
                }
            }
          
            </script>
          
    <body>
            <form name="login">
                <table width="225" cellpadding="4">
                <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>
    </body>

    </html>



0 komentar:

Poskan Komentar