Web后台项目学习3（实现登录1） 

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <title>登录页面_很简洁漂亮的Bootstrap响应式后台管理系统模板UniAdmin - JS代码网</title>
  5. 		<meta charset="UTF-8" />
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. 		<link rel="stylesheet" href="css/bootstrap.min.css" />
  8. 		<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
  9.         <link rel="stylesheet" href="css/unicorn.login.css" />
  10.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
  11.     <body>
  12.         <div id="logo">
  13.             <img src="img/logo.png" alt="" />
  14.         </div>
  15.         <div id="loginbox">            
  16.             <form id="loginform" class="form-vertical" action="handle_login.jsp" method = "post"/>
  17. 				<p>输入用户名和密码继续.</p>
  18.                 <div class="control-group">
  19.                     <div class="controls">
  20.                         <div class="input-prepend">
  21.                             <span class="add-on"><i class="icon-user"></i></span><input type="text" placeholder="用户名" name = "username"/>
  22.                         </div>
  23.                     </div>
  24.                 </div>
  25.                 <div class="control-group">
  26.                     <div class="controls">
  27.                         <div class="input-prepend">
  28.                             <span class="add-on"><i class="icon-lock"></i></span><input type="password" placeholder="密码" name="password"/>
  29.                         </div>
  30.                     </div>
  31.                 </div>
  32.                 <div class="form-actions">
  33.                     <span class="pull-right"><input type="submit" class="btn btn-inverse" value="登录" /></span>
  34.                 </div>
  35.             </form>
  36.         </div>
  37.         
  38.         <script src="js/jquery.min.js"></script>  
  39.         <script src="js/unicorn.login.js"></script> 
  40.     </body>
  41. </html>





posted @ 2017-01-17 14:53  糖饼好吃  阅读(239)  评论(0)    收藏  举报