How To Create a Login Form

Date: 04-Sat-2020 512


Login page code download and to create simple HTML Login Page.just making a simple login form and without validating. if You are with validation than put a code required=" " input attribute.we are providing to download the file and use it in a website template. 

Head include file 
 <link rel="stylesheet" href="style.css">
 <link href="//fonts.googleapis.com/css?family=Fira+Sans&display=swap"rel="stylesheet">
Write a from code 
<form action="index.html" method="post">
 <input type=text name= placeholder="Username">
 <input type=password name= placeholder="password">
 <h6 > forget your password ?</h6>
 <button type=button name=button><a href="#">continue</a></button>

</form>
With validate
 <input type=text name= placeholder="Username" required="">
Background Image use
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
Gradient Color use
 background-image: linear-gradient(to top,rgb(45,61,136),#1DC8D7,rgb(45,61,136)); //gradient color use in form
Box Shadow use
 box-shadow:
 0 2.8px 2.2px rgba(0,0,0,0,.036),
 0 6.7px 5.3px rgba(0,0,0,0,.036),
 0 12.5px 10px rgba(0,0,0,0,.036),
 0 22.3px 17.8px rgba(0,0,0,0,.036),
 0 41.9px 33.3px rgba(0,0,0,0,.036),
 0 100pxpx 80px rgba(0,0,0,0,.036),
 }
.input class use
.input{
  width: 75%;
  outline: none;
  border-radius: 25px;
  padding: 12px;
 background-color: transparent;
 color: white; //color
 animation: user;//animation name
 animation-duration: 4s; //animation duration time
 border: 2px solid rgb(45,61,135); //border size
 margin-bottom:15px; //margin
}
For Animation Code
@keyframes btn {
  0%{
    opacity:.4;
    margin-top: 200px; 
  }

}

Thanxx.....................

Share

Tags

login page design

login form template

login form design

login template

login page template

php login form

login form css

login html template

login form html code

responsive login form

login html code

login page in php

html code for login page

html5 login form

css login

login html



Related Posts

Top Posts