手机邮箱登录 

<!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>

 

posted @ 2018-09-11 16:13  乾陵脚下一条虫  阅读(181)  评论(0)    收藏  举报