<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body style="padding:20px">
<h2 class="text-center">用户登录</h2>
<form action="#" class="form-grop">
<div class="input-group">
<div class="input-group-addon">账号：</div>
<input placeholder="请输入账号" type="text" class="form-control">
</div><br>
<div class="input-group">
<div class="input-group-addon">密码：</div>
<input placeholder="请输入密码" type="text" class="form-control">
</div><br>
<div class="input-group">
<div class="input-group-addon">邮箱：</div>
<input placeholder="请输入邮箱" type="text" class="form-control">
<div class="input-group-addon">
<select style="background-color:transparent">
<option>@qq.com</option>
<option>@163.com</option>
<option>@126.com</option>
<option>@sine.com</option>
</select>
</div>
</div><br>
<input type="submit" value="登录" class="btn btn-success btn-block">
</form>
</body>
</html>
