This is a very simple login form design only using HTML tags.
<html>
<head>
<title>Login</title>
</head>
<body>
<center>
<h3>Login Form</h3>
<form method="post">
<table>
<tr>
<td>Id</td>
<td><input type="text" placeholder="Enter Email Id"></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" placeholder="Enter Password"></td>
</tr>
<tr>
<td><input type="button" name="Login" value="Login"></td>
<td> <a href="#"> Register here </a></td>
</tr>
</table>
</form>
</center>
</body>
</html>
To give the border and some gap between the border and elements of the login page add the following CSS in the head section.
<head>
<title>Login</title>
//css styling for the border
<style>
table{
padding:50px;
border:1px solid black;
}
</style>
</head>
Video Tutorial coming soon...
Hope this blog finds you useful. Thank you.
