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.

Related Searches


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

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

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