diak iha ne'e ita bele kria file no save ho extensi .html ou .php karik ita xampp server ntaun ita save ba xampp nia laran iha folder htdocs, ho nia extensi .php. ita uza extensi .html ne depende atu tau iha local data nebe ita hakarak.
Ok iha ne hau uza xampp ntaun w tau naran form.php
form.php
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>form login</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form class="box" action="index.php" method="post">
<h1>LOGIN</h1>
<input type="text" name="" placeholder="Username">
<input type="text" name="" placeholder="Password">
<input type="Submit" name="" value="login">
</form>
</body>
</html>
style.css
body{
margin:0;
padding: 0;
font-family: sans-serif;
background: #34495e;
}
.box{
widows: 300px;
padding: 40px;
position: absolute;
top: 50px;
left: 50%;
transform: translate(-50%,50%);
background: #191919;
text-align: center;
}
.box h1{
color: white;
text-transform: uppercase;
font-weight: 500;
}
.box input[type="text"],.box input[type="password"]{
border: 0;
background: none;
display: block;
margin: 20px auto;
text-align: center;
border: 2px solid #3498db;
padding: 14px 10px;
width: 200px;
outline: none;
color: white;
border-radius: 24px;
transition: 0.25s;
}
.box input[type="text"]:focus,.box input[type="password"]:focus{
width: 280px;
border-color: #2ecc71;
}
.box input[type="submit"]{
border: 0;
background: none;
display: block;
margin: 20px auto;
text-align: center;
border: 2px solid #2ecc71;
padding: 14px 40px;
outline: none;
color: white;
border-radius: 24px;
transition: 0.25s;
cursor: pointer;
}
NB:
Click thodi hare video iha Youtube
Click Download code iha pdf
|
|
|||
Posts
No comments:
Post a Comment