How to Embed a Login Box in HTML

Save

If you are creating a website that you want users to log in to before accessing, you can place a login box on the site. While it is important to have some kind of HTML experience if you want to embed a login box, you do not need to be a HTML expert.

  • Log in to your Web server.

  • Open the HTML page on which you want to embed the login box.

  • Click on the HTML code between the <body> and </body> tags and insert this code:

    <font face="verdana,arial" size=-1>

    <center><table cellpadding=2 cellspacing=0 border=0>

    <tr><td bgcolor="blue"><table cellpadding=0 cellspacing=0 border=0 width=100%><tr><td bgcolor="blue" align=center style="padding:2;padding-bottom:4"><b><font size=-1 color="white" face="verdana,arial"><b>Enter your login and password</b></font></th></tr>

    <tr><td bgcolor="white" style="padding:5">

    <form method="post" action="http://www.loginpage.com" name=pform>

    <input type="hidden" name="action" value="login">

    <input type="hidden" name="hide" value="">

    <center><table>

    <tr><td><font face="verdana,arial" size=-1>Login:</td><td><input type="text" name="login"></td></tr>

    <tr><td><font face="verdana,arial" size=-1>Password:</td><td><input type="password" name="password"></td></tr>

    <tr><td><font face="verdana,arial" size=-1> </td><td><font face="verdana,arial" size=-1><input type="submit" value="Enter"></td></tr>

    <tr><td colspan=2><font face="verdana,arial" size=-1> </td></tr>

    <tr><td colspan=2><font face="verdana,arial" size=-1>Not member yet? Click <a href="here&lt;/a">http://www.registerpage.com">here&lt;/a> to register.</td></tr>

    </table></center>

    </form>

    </td></tr></table></td></tr></table>

  • Replace "http://www.loginpage.com" with the URL of the page that will open after the user logs in.

  • Replace "http://www.registerpage.com" with the URL of the page that will appear if the user clicks "Click here to register" if he does not yet have a login account.

  • Publish the page.

References

Promoted By Zergnet

Comments

Resources

You May Also Like

Related Searches

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!