61 lines
2.4 KiB
HTML
61 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>学生成绩管理系统 - 登录</title>
|
|
<link rel="stylesheet" href="../css/style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="auth-container">
|
|
<div class="auth-header">
|
|
<h1><i class="fas fa-graduation-cap"></i> 学生成绩管理系统</h1>
|
|
<p>请登录您的账户</p>
|
|
</div>
|
|
|
|
<div class="auth-card">
|
|
<form id="loginForm">
|
|
<div class="form-group">
|
|
<label for="id">
|
|
<i class="fas fa-user"></i> 学号/工号
|
|
</label>
|
|
<input type="text" id="id" name="id" required
|
|
placeholder="请输入学号/工号">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">
|
|
<i class="fas fa-lock"></i> 密码
|
|
</label>
|
|
<input type="password" id="password" name="password" required
|
|
placeholder="请输入密码">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="role">
|
|
<i class="fas fa-user-tag"></i> 角色
|
|
</label>
|
|
<select id="role" name="role" required>
|
|
<option value="">请选择角色</option>
|
|
<option value="student">学生</option>
|
|
<option value="teacher">教师</option>
|
|
<option value="admin">管理员</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-sign-in-alt"></i> 登录
|
|
</button>
|
|
</div>
|
|
|
|
<div class="auth-footer">
|
|
<p>没有账户？ <a href="register.html">立即注册</a></p>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script src="../js/auth.js"></script>
|
|
</body>
|
|
</html> |