How To Make Login Page In HTML

Posted by on
How to Make Login Page Using HTML, CSS


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <style type="text/css">
        body,html
        {
            width:100%;
            margin:0;
        }
    .loginpage
    {
        width:80%;
        margin-top:15%;
        margin-left:30%;
    }
    .left
    {
        width:8%;
    }
    input
    {
        width:95%;
        outline:0px;
     
    }
     
    </style>
    <script type="text/javascript">
    function onclike(){
    alert("Thank You");
    }
    </script>
</head>
<body>
    <form id="form1">
    <div class="loginpage">
        <table class="table" width="30%">
        <tr><td colspan="2">Login</td></tr>
        <tr><td class="left"></td><td class="right">
        <input type="text" placeholder="Username" /></td></tr>
        <tr><td class="left"></td><td class="right"><input type="password" placeholder="Password" /></td></tr>
        <tr><td class="left"></td><td class="right"><input type="button" value="Sign In" onclick="onclike()" /></td></tr>
     
        </table>
    </div>
    </form> /ht ml>
</body>
<html>

Login

Comments

Post a Comment