Web后台项目学习3(实现登录1)

Posted 糖饼好吃

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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. <script src="js/jquery.min.js"></script>
  38. <script src="js/unicorn.login.js"></script>
  39. </body>
  40. </html>










以上是关于Web后台项目学习3(实现登录1)的主要内容,如果未能解决你的问题,请参考以下文章

易达团队项目计划表

web扫码登录怎么实现,思路?

java web实现简单的用户登录需要哪些技术

学习总结—JMeter实现web接口测试实践举例

56个PHP开发常用代码

打通前后端全栈开发node+vue进阶课程学习系统项目实战详细讲解:后台路由,导航,首页,退出登录