Form Login
 |
| Screenshoot : Tampilan form login |
Sorce codingnya dibawah ini :
<html>
<head><title>Pemetaan marga suku mee</title>
<style type="text/css">
body{
background-image:url('images/gambar.jpg');
}
.form{
background:rgba(0, 0, 0, 0.39);
box-shadow: 0px 0px 20px 6px;
border-radius:5px;
width:300px;
margin:15px auto;
padding:20px;
}
.form h1{
color:#ffffff;
text-align:center;
}
.form img{
width:200px;
}
#input{
background: rgba(23, 20, 20, 0.52);
font-size:12pt;
font-family:arial;
color:#eee;
width:100%;
height:40px;
padding:5px 5px 5px 10px;
margin:3px;
border-radius:3px;
border:none;
}
#input[type="submit"]{
background:rgba(31, 15, 2, 0.78);
color:#fff;
cursor:pointer;
}
#input:hover, #input:focus{
background:rgba(97, 52, 13, 0.55);
outline-style:none;
}
#input[type="submit"]:hover, #input[type="submit"]:focus{
background:rgba(31, 15, 2, 0.78);
}
</style>
</head>
<body>
<div class="form">
<center><img src="images/avatar.gif"></center>
<h1>Login Now</h1>
<form method="POST" action="#">
<input id="input" type="text" name="nama" placeholder="Insert your username" >
<input id="input" type="password" name="pass" placeholder="Insert your password">
<input id="input" type="submit" value="Login">
</form>
</div>
</body>
</html>
0 Post a Comment:
Post a Comment