1 / 4
2 / 4
3 / 4
4 / 4

Sunday, 21 April 2024

Design a Login Form using only HTML

 

This is a very simple login form design, only using HTML elements. To see the Bootstrap design on this form, click here.

<!DOCTYPE html> <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 create a border and a gap between the border and the login page elements, add the following CSS to 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.

No comments:

Post a Comment

If you have any doubts please let me know