Wednesday, July 9, 2014

Login form simple html




<html>
<head id="Head1" runat="server">
    <title>Login Page </title>
    <style>
        body
        {
            color: #000000;
            font: 12px/1.4 arial,FreeSans,Helvetica,sans-serif;
            margin: 0;
        }
        #LoginBox
        {
            margin: 0 auto;
            min-width: 200px;
            padding: 1em;
            width: 470px;
            margin-top: 100px;
        }
        #LoginBox .Form-Content
        {
            -moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
            background-color: #FFFFFF;
            border: 1px solid #BBBBBB;
            min-height: 50px;
            padding: 1em;
            position: relative;
        }
        #LoginBox .Form-Content h2
        {
            border-bottom: medium none;
            color: #333333;
            font-size: 1.6em;
            margin: 0 0 1em;
        }
        #LoginBox .LoginTextField
        {
            -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
            border: 1px solid #DDDDDD;
            margin: 0;
            padding: 2px;
            width: 160px;
        }
        #LoginBox .LoginButton
        {
            -moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
            line-height: 1.2;
            margin: 10px 10px 0 0;
            padding: 0 0.5em;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="clear: both;">
    </div>

    <div id="LoginBox">
        <div class="Form-Content">
            <h2>
                Login</h2>
            <table width="100%" cellpadding="0" cellspacing="1">
                <tr>
                    <td style="width: 80px; white-space: nowrap; line-height: 2.4;">
                        UserID:
                    </td>

                    <td>
                        <asp:textbox id="UserName" cssclass="LoginTextField" runat="server"></asp:textbox>
                    </td>
                </tr>
                <tr>
                    <td style="width: 80px; white-space: nowrap; line-height: 2.4;">
                        Password:
                    </td>
                    <td>

                        <asp:textbox id="Password" cssclass="LoginTextField" runat="server" textmode="Password"></asp:textbox>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        <asp:Label ID="lblError" runat="server"></asp:Label>

                    </td>
                </tr>
                <tr>                  
                    <td>
                        <asp:button id="Login" runat="server" cssclass="LoginButton" onclick="Login_Click"
                            text="Submit" />
                    </td>
                    <td>
                        <%--<asp:button id="Button2" runat="server" cssclass="LoginButton" onclick="Button2_Click"
                            text="HealthVault Sign in" />
                        <asp:button id="Button3" runat="server" cssclass="LoginButton" onclick="Button3_Click"
                            text="Register New User" />--%>
                    </td>
                </tr>
            </table>
            <p>
                &nbsp;</p>
        </div>
    </div>
    </form>
</body>
</html>


No comments:

Post a Comment