Login form in HTML
In this article we will see how we can create login form using HTML . It can be made a more attractive using CSS but in this article we will only look at how we call their ideas. Without wasting time we move on to our work and see how we are create login form in HTML.
Before creating a login form you should keep in mind that you must have some editors including Notepad Plus, visual Studio code or you can use a simple notepad .
If you want to install them, here is the link from where you can install them all directly.
Code For login form
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Html Elements and types of Elements </title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<script src='main.js'></script>
</head>
<body>
<form action="">
<table> <caption> login form</caption>
<tr><td><label for="User Name ">User Name</label></td></tr>
<tr><td> <input type="text" name="" id=""></td></tr>
<tr> <td><label for=""> Password</label></td></tr>
<tr><td><input type="text" name="" id=""></td></tr>
<tr><td><button>Login </button></td></tr>
</table>
</form>
</body>
</html>
Try this by your own self.
Out put
you can try this using online HTML editor
Thanks for supporting follow my blog to get more interesting courses.
Posts
Very nice . IT is helpful for me
ReplyDelete