<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>登录界面</title> <!-- 引入 Bootstrap --> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <style type="text/css"> .divForm{ position: absolute; width: 300px; height: 280px; top: 30%; left: 40%; margin-top: 1px; margin-left: 5px; } .title{ width:100%; height:50px; font-size:38px; line-height:50px; margin-bottom:20px; font-family: 华文宋体; color: cornflowerblue; } </style> </head> <body> <div class="divForm"> <form method="post" action="${pageContext.request.contextPath}/login/judgeLogin"> <div class="title" > 欢 迎 登 录</div> <div class="form-group has-success has-feedback"> <label class="control-label"> 用户名: <input type="text" class="form-control" name="userName" id="userName" autocomplete="off" placeholder="请输入用户名"> </label> </div> <div class="form-group has-success has-feedback"> <label class="control-label"> 密码: <input type="password" class="form-control" name="userPwd" id="userPwd" autocomplete="off" placeholder="请输入密码"> </label> </div> <div > <a onclick="jumpRegister()"> 注册账号</a> <button type="submit" class="btn btn-primary">登录</button> </div> </form> </div> <script> function jumpRegister() { window.location = "${pageContext.request.contextPath}/register/index"; } </script> </body> </html>
时间: 2024-02-29 11:54:24 浏览: 124
数据库分页脚本 jsp
这是一个JSP页面,用于展示登录界面。页面引入了Bootstrap框架,并通过CSS样式设置了登录表单的位置、大小、背景颜色等。表单中包含了用户名和密码输入框,以及登录和注册按钮。登录按钮提交表单数据到服务器进行验证,而注册按钮则跳转到注册界面。这段代码中还涉及了EL表达式和JSTL标签库的使用,用于获取上下文路径和设置表单提交的URL地址。
阅读全文