<!DOCTYPE html> |
<html lang= "en" > |
<head> |
<meta charset= "UTF-8" /> |
<title>jquery登录框特效3</title> |
<link rel= "shortcut icon" href= "../favicon.ico" > |
<link rel= "stylesheet" type= "text/css" href= "css/style.css" /> |
<!--[ if lte IE 7]><style>.main{display:none;} .support-note .note-ie{display:block;}</style> |
<![endif]--> |
<style> |
body { |
background: #563c55 url(images/blurred.jpg) no-repeat center top; |
-webkit-background-size: cover; |
-moz-background-size: cover; |
background-size: cover; |
} |
.container > header h1, .container > header h2 { |
color: #fff; |
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); |
} |
</style> |
</head> |
<body> |
<div class= "container" > |
<section class= "main" > |
<form class= "form-3" > |
<p class= "clearfix" > |
<label for = "login" >Username</label> |
<input type= "text" name= "login" id= "login" placeholder= "Username" > |
</p> |
<p class= "clearfix" > |
<label for = "password" >Password</label> |
<input type= "password" name= "password" id= "password" placeholder= "Password" > |
</p> |
<p class= "clearfix" > |
<input type= "checkbox" name= "remember" id= "remember" > |
<label for = "remember" >Remember me</label> |
</p> |
<p class= "clearfix" > |
<input type= "submit" name= "submit" value= "Sign in" > |
</p> |
</form> |
</section> |
</div> |
</body> |
</html> |