<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
.container{
background:#ebf3fa;
width:190px;
padding:12px;
}
form{
border-bottom:1px solid #ccc;
font-size:12px;
}
.input-text{
width:100%;
height:30px;
}
form div{
margin-bottom:12px;
}
form a{
float:right;
text-decoration:none;
}
.login input{
width:190px;
height:39px;
background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
}
.reg input{
width:190px;
height:39px;
background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
background-position:0 -39px;
}
.user,.pass{
position:relative;
}
span{
position:absolute;
font-size:14px;
color:#acacac;
top:10px;
left:25px;
}
</style>
</head>
<body>
<div class="container">
<form method="post" action="#">
<div class="user">
<input type="text" name="user" class="input-text" id="user">
<label for="user"><span>邮箱/手机号/用户名</span></label>
</div>
<div class="pass">
<input type="password" name="password" class="input-text" id="password">
<label for="password"><span>请输入密码</span></label>
</div>
<div class="nex">
<input type="checkbox" id="next" name="next"><label for="next">下次自动登录</laber>
<a href="#">忘记密码？</a>
</div>
<div class="login">
<input type="submit" value>
</div>
</form>
<div class="reg">
<input type="button" value>
</div>
</div>
</body>
</html>
