<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login Page</title>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
}
.login-box {
background-color: #f5f5f5;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
label {
display: block;
margin-bottom: 8px;
}
input, select {
width: 100%;
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #4caf50;
color: white;
cursor: pointer;
}
</style>
</head>
<body>
<div class="login-box">
<h2>Login</h2>
<form action="LoginServlet" method="post">
<label for="jobId">工号：</label>
<input type="text" id="jobId" name="jobId" required><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password" required><br>
<label for="role">身份：</label>
<select id="role" name="role" required>
<option value="employee">Employee</option>
<option value="admin">Admin</option>
<option value="manager">Manager</option>
</select><br>
<input type="submit" value="登录">
</form>
</div>
</body>
</html>
标签：box,bottom,color,border,一天,极限,8px,测试,margin From： https://www.cnblogs.com/muzhaodi/p/17850459.html