| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
- <html>
- <head>
- <title>Login Page</title>
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
- </head>
- <body onload='document.loginForm.username.focus();'>
- <div class="container">
- <div class="row">
- <div class="col-md-offset-5 col-md-3">
- <c:if test="${not empty error}">
- <div class="error">${error}</div>
- </c:if>
- <c:if test="${not empty msg}">
- <div class="msg">${msg}</div>
- </c:if>
- <form class="form-signin" name='loginForm' action="<c:url value='/login' />" method='POST'>
- <input type="text" name='login' id="inputEmail" class="form-control" placeholder="Login" required autofocus/>
- <input type="password" name='password' id="inputPassword" class="form-control" placeholder="Password" required/>
- <div id="remember" class="checkbox">
- <label>
- <input type="checkbox" value="remember-me"> Remember me
- </label>
- </div>
- <button class="btn btn-lg btn-primary btn-block btn-signin" type="submit">Sign in</button>
- <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />
- </form>
- </div>
- </div>
- </div>
- <!--
- <style>
- .error {
- padding: 15px;
- margin-bottom: 20px;
- border: 1px solid transparent;
- border-radius: 4px;
- color: #a94442;
- background-color: #f2dede;
- border-color: #ebccd1;
- }
- .msg {
- padding: 15px;
- margin-bottom: 20px;
- border: 1px solid transparent;
- border-radius: 4px;
- color: #31708f;
- background-color: #d9edf7;
- border-color: #bce8f1;
- }
- #login-box {
- width: 300px;
- padding: 20px;
- margin: 10px auto;
- background: #fff;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border: 1px solid #000;
- }
- </style>
- </head>
- <body onload='document.loginForm.username.focus();'>
- <h3>Spring Security Custom Login Page</h3>
- <div id="login-box">
- <h3>Login with Username and Password</h3>
- <c:if test="${not empty error}">
- <div class="error">${error}</div>
- </c:if>
- <c:if test="${not empty msg}">
- <div class="msg">${msg}</div>
- </c:if>
- <form name='loginForm' action="<c:url value='/login'/>" method='POST'>
- <table>
- <tr>
- <td>AppUser:</td>
- <td><input type='text' name='login' value=''></td>
- </tr>
- <tr>
- <td>Password:</td>
- <td><input type='password' name='password' /></td>
- </tr>
- <tr>
- <td colspan='2'><input name="submit" type="submit" value="submit" /></td>
- </tr>
- </table>
- <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />
- </form>
- </div>
- -->
- </body>
- </html>
|