How to Embed a Login Box in HTML


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="" name=pform>

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

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


    <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">">here&lt;/a> to register.</td></tr>




  • Replace "" with the URL of the page that will open after the user logs in.

  • Replace "" 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.


Promoted By Zergnet



You May Also Like

  • How to Embed Audio in HTML

    Embedding audio in a blog or website can provide users with many benefits. You can set the website or blog to automatically...

Related Searches

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