HTML Login Forms - Web Development

In this tutorial we learn about HTML login forms and 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. So, you understand easily and clear your doubts here.

Code:


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

Program Output:

html login forms
















Conclusion:

A tutorial is about HTML login form in which we use different forms elements like text fields to collect data from user and submit button use data to server.

If you have any doubts, Please let me know

Previous Post Next Post

Contact Form