HTML, CSS simple Form #Part 11
Today this article we make simple Login form with uses of HTML and CSS.
HTML Code
<div>
<form>
<h5>LOGIN</h5>
Email *<input type="email" id="input1"><br>
Password *<input type="password" id="input2"><br>
<button Id="submit" value="submit">submit</button>
<button Id="reset" value="reset">Reset</button>
</form>
</div>
CSS Code
<style>
div
{
border-style: groove;
border-color:red;
background-color:#cdcdcd ;
}
h5
{
color:red;
background-color:#f0f8ff;
text-align: center;
}
#input1
{
margin-left:2;
border-color:#c0d9d9;
}
#input2
{
margin-left:57;
border-color:#c0d9d9;
}
button
{
margin-top:20;
margin-left:65;
}
#submit
{
background-color:#3299cc;
color: black;
}
#submit:hover
{
background-color: green;
color: black;
}
#reset
{
background-color:#3299cc;
color: black;
}
#reset:hover
{
background-color:red;
color: black;
}
</style>