- 1). Log in to your Web server and open the HTML page on which you want to insert login boxes.
- 2). Click in the <head> section of the page and insert the following CSS code:
<style type="text/css">
fieldset {
width:290px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
}
legend {
width:120px;
text-align:center;
background:#DDE7F0;
border:solid 1px;
margin:1px;
font-weight:bold;
color:#0000FF;
}
</style> - 3). Replace the "width" and "font" values if desired. You also can replace the "color" values.
- 4). Click your cursor in between the <body> and </body> tags where you want to insert the login boxes.
- 5). Insert this code:
<form name="form1" method="post" action="http://www.yoursite/yourfile.php">
<fieldset>
<legend>Login</legend>
<table>
<tr>
<td><label for="username">Username :</label></td><td><input name="username" type="text" size="30"></td>
</tr>
<tr>
<td><label for="password">Password :</label></td><td><input name="password" type="password" size="30"></td>
</tr>
<tr>
<td></td><td><input type="submit" value="Submit"></td>
</tr>
</table>
</fieldset>
</form> - 6). Replace "http://www.yoursite/yourfile.php" with the actual URL of the action that will be performed when the "Submit" button is clicked.
- 7). Publish the page.
- Advertisement -
- Advertisement -