登录页面写起来很简单，但写多了每次都重新写一个的话还是觉得很费事的，所以写了个模板放这里，以后需要的话直接用这个改。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录</title> <style> #login { width: 290px; height: auto; overflow: hidden; border: solid 1px #CCCCCC; } #login_title { width: 100%; height: 40px; line-height: 40px; background-color: #F60; text-align: center; } .line { width: 250px; height: 30px; line-height: 30px; margin-left: 20px; text-align: center; font-family: 楷体; } .line input { width: 150px; } .line a { font-size: 14px; color: black; } .line span { color: #F00; } #log_submit { display: block; width: 200px; height: 30px; margin-left: 45px; margin-top: 15px; margin-bottom: 5px; } </style> </head> <body> <form action="#" method="post"> <div id="login"> <div id="login_title">登 录</div> <div class="line"><span id="msg"></span></div> <div class="line">账号 <input name="username" type="text" placeholder="账号/手机/邮箱" /> </div> <div class="line">密码 <input name="password" type="password" placeholder="请输入密码" /> </div> <input id="log_submit" type="submit" value="登录"> <div class="line"><a href="#">找回密码</a> <a href="#">注册账号</a></div> </div> </form> </body> </html>