Login Form with html and CSS

By | July 24, 2019
Spread the love

In this toturial I have provided you a source code that how to create a login form with html and css.

By watching this code you can learn by yourself.

Just try this code and learn.

If you found some difficulty in learning by yourself then you can comment below I will help you

or You can contact me through my facebook page

login form with html and css
Login Form with html and CSS


<!Doctype Html>
<head>
<title>
</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" type="text/css">

<style>




.divform{

background-color:white;
height:50%;
width:20%;

text-align:center;
margin-top:300px;
margin-left:700px;
margin-right:50px;
margin-bottom:10px;
position:absolute;



}
input{

	padding-left:90px;
	padding-top:10px;
	height:30px;
	border-width: 0.5 0.5 0.5 0.5;
	border-color:gray;
}

.ems{

color:green;

}

body{


background-color:green;

}

[value="submit"]{

	background-color:green;
	width:238px;
	border-width:0 0 0 0;
	color:white;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	border-radius:3px;
	height:50px;
}
.label{

	text-align:left;
}



</style>
</head>
<body >

<div class="divform">
<form action="" method="POST" class="form"align="center">
<h1><span class="ems">EMS</span> System</h1>
<i class="fa fa-user" aria-hidden="true"></i>
Username<br><input type="text" name="username" value="" ><br><br>
<i class="fa fa-key" aria-hidden="true"></i>
Password<br><input type="password" name="password" value="" ><br><br>
<input type="checkbox" name="checkbox" value="">Remember me next time<br><br>
<input type="submit" name="submit" value="submit"><br><br>
Copyright © courseshub.org
</form>


</div>
























</body>
</html>
  •  
    78
    Shares
  • 76
  •  
  •  
  •  
  • 2
  •  
  •  
  •   
  •   
  •   
  •   
  •  

Leave a Reply

Your email address will not be published. Required fields are marked *