在下的作業！
<!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>
*{font-family:"微軟雅黑"; font-size:14px; color:#2e2e2e;}
form,input,button,a,span{padding:0; margin:0;}
body{background-color:#CCC; padding:0; margin:0;}
form{width:210px; height:252px; background-color:#9FF; border:10px solid #fff; margin:80px auto 0;}
.username{width:190px; height:36px; display:block; margin:12px auto 0;
border:1px solid #aab2c5;
? ? border-radius: 6px;}
.password{width:190px;height:36px;display:block;margin:-4px auto 0;
border:1px solid #aab2c5;
? ? border-radius: 6px;}
.select{width:16px;height:16px;display:block; margin:-10px 2px 0 9px; float:left;
border:1px solid #aab2c5;
? ? border-radius: 4px;}
span{display:block;float:left; margin:-12px 2px 0 2px; font-weight:400;}
a{display:block;float:right; margin:-12px 5px 0 2px; color:#0057a8;font-weight:400;}
.logoin,.register{ background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg) no-repeat; display:block; width:190px;height:38px;margin:0 auto; border:none;}
hr{width:186px; text-align:center; size:auto;}
.register{background-position:0 -38px;}
</style>
</head>
<body>
<form>
?<input class="username" type="text" name="username" value="" placeholder=" ? ? ? ? 郵箱/手機號/用戶名"/><br>
?<input class="password" type="text" name="password" value="" placeholder=" ? ? ? ? ? ? ? ?請輸入密碼"/><br>
?<input class="select" type="checkbox" name="logoinnexttime" calue="">
?<span>下次自動登錄</span>
?<a>忘記密碼？</a>
?<br>
?<input class="logoin" type="submit" name="logoin" value="">
?<hr color="#cfcfcf">
?<button class="register" type="button" name="register" value="" ></button>
</form>
</body>
</html>
2015-08-16
不錯不錯，下次自動登錄改成lable會更好些