Tobey_滔
给你一个简单的例子..copy就可以使用的..我用了bootstrap的<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录界面</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
</head>
<body>
<h2>登录界面</h2>
<hr>
<form role="form">
<div>
<label for="inputEmail3" class="col-sm-4 control-label">帐号</label>
<div>
<input type="email" id="inputEmail3" placeholder="请输入帐号" required>
</div>
</div>
<div>
<label for="inputPassword3" class="col-sm-4 control-label">密码</label>
<div>
<input type="password" id="inputPassword3" placeholder="请输入密码" required>
</div>
</div>
<div>
<div class="col-sm-offset-4 col-sm-8">
<div>
<label>
<input type="checkbox"> 7天免登录
</label>
</div>
</div>
</div>
<div>
<div class="col-sm-offset-4 col-sm-8">
<button type="submit" class="btn btn-primary"> 登 录 </button>
<button type="button" class="btn btn-primary"> 注 册 </button>
</div>
</div>
</form>
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</html>界面大致