How to create login form html

In this tutorial,  we learn to create login form html and also interpret the code with the help of any browser that has shown output will be attached below.

I think you read and learn the basics of html in the previous tutorial - Introduction to html and if you are new to html then firstly goto my previous tutorial and learn basics. Here below I explain each step. So, you understand easily and clear your doubts here.

<!doctype html> is use because we use latest version of html5.
<html> </html> whole code is written in this tag is only interpret by browser.
<head> contains title pieces of information of login it also contains many tags but we discuss later tutorials. 
<body> it contains <center> tag which is used for aligning all tag which is written inside to center.
<fieldset> set the field of the login form. so, the login form is not shown in the whole display is shown inside in the field.
<legend> is always use inside fieldset tag because whatever written inside legend set as heading on fieldset line.
<br> is used for the brake line.
<input> is used to take input from users. It takes inputs like username, passwords, submits button.

Source Code:

<!doctype html>
<html>
<head>
<title>
loginform
</title>
</head>
<body>
<center>
<fieldset style="width:20%;">
<legend>
LOGIN FORM
</legend>
<div>
<input type="text" value="" placeholder="@example">USER NAME</input><br> <br>
<input type="password" value="">PASSWORD</input><br>
<br>
<input type="email" name="email">Email</input><br>
<br>
<input type="submit" name="submit"></input>
</div>
</fieldset>
</center>
</body>
</html>

Output:

create login form in HTML

Conclusion: 

A tutorial is about how to create login form html and I shared source code with output and tried to explain every step in brief.

Share this

0 Comment to "How to create login form html"

Post a Comment