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.

No comments:

If you have any doubts, Please let me know

Powered by Blogger.