LOGIN FORM WITH CSS STYLES :
CODE : file name is login.html
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<center>
<div style="width: 400px;background-color: #c4dbe7;border:solid 3px blue;">
<div style="background-color: blue; font:10px; font-weight: bold;color: #c4dbe7;">LOGIN </div>
<div style="margin: 30px;">
<form action="servlet name" method="post">
<table>
<tr><td>Email id :</td>
<td><input type="text" name="mailid" value="" /></td></tr>
<tr><td>Password :</td>
<td><input type="password" name="psw" value="" /></td></tr>
<tr><td></td><td><input type="submit" value="LOGIN" /></td>
</tr>
<tr><td></td><td><a href="">Create New Account</a></td></tr>
<tr><td></td><td><a href="">Forgot Password</a></td></tr>
</table>
</form>
</div>
</div>
</center>
</body>
</html>
OUTPUT :
CODE : file name is login.html
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<center>
<div style="width: 400px;background-color: #c4dbe7;border:solid 3px blue;">
<div style="background-color: blue; font:10px; font-weight: bold;color: #c4dbe7;">LOGIN </div>
<div style="margin: 30px;">
<form action="servlet name" method="post">
<table>
<tr><td>Email id :</td>
<td><input type="text" name="mailid" value="" /></td></tr>
<tr><td>Password :</td>
<td><input type="password" name="psw" value="" /></td></tr>
<tr><td></td><td><input type="submit" value="LOGIN" /></td>
</tr>
<tr><td></td><td><a href="">Create New Account</a></td></tr>
<tr><td></td><td><a href="">Forgot Password</a></td></tr>
</table>
</form>
</div>
</div>
</center>
</body>
</html>
OUTPUT :
No comments:
Post a Comment