111 lines
5.7 KiB
HTML
111 lines
5.7 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>XNSim - 登录/注册</title>
|
||
|
|
<link rel="icon" type="image/png" href="assets/icons/XNSim.png">
|
||
|
|
<link rel="shortcut icon" type="image/png" href="assets/icons/XNSim.png">
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="content">
|
||
|
|
<div class="welcome-section">
|
||
|
|
<h1>XNSim</h1>
|
||
|
|
<div class="welcome-text">
|
||
|
|
<p>欢迎使用XNSim仿真平台</p>
|
||
|
|
<p>高效、专业的仿真解决方案</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="auth-container">
|
||
|
|
<div class="form-toggle">
|
||
|
|
<button id="loginToggle" class="toggle-btn active">登录</button>
|
||
|
|
<button id="registerToggle" class="toggle-btn">注册</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="loginForm" class="form-panel active">
|
||
|
|
<form>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="loginUsername">用户名</label>
|
||
|
|
<input type="text" id="loginUsername" name="username" placeholder="请输入用户名" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="loginPassword">密码</label>
|
||
|
|
<div class="password-input">
|
||
|
|
<input type="password" id="loginPassword" name="password" placeholder="请输入密码" required>
|
||
|
|
<button type="button" class="toggle-password">
|
||
|
|
<img src="assets/icons/png/invisiable_b.png" alt="显示/隐藏密码" class="visibility-icon">
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group remember-me">
|
||
|
|
<input type="checkbox" id="remember" name="remember">
|
||
|
|
<label for="remember">记住我</label>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="submit-btn">登录</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="registerForm" class="form-panel">
|
||
|
|
<form>
|
||
|
|
<div class="form-row">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="regUsername">用户名 *</label>
|
||
|
|
<input type="text" id="regUsername" name="username" placeholder="请输入用户名" required>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="fullName">姓名（选填）</label>
|
||
|
|
<input type="text" id="fullName" name="fullName" placeholder="请输入姓名">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="regPassword">密码 *</label>
|
||
|
|
<div class="password-input">
|
||
|
|
<input type="password" id="regPassword" name="password" placeholder="请输入密码" required>
|
||
|
|
<button type="button" class="toggle-password">
|
||
|
|
<img src="assets/icons/png/invisiable_b.png" alt="显示/隐藏密码" class="visibility-icon">
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="regConfirmPassword">确认密码 *</label>
|
||
|
|
<div class="password-input">
|
||
|
|
<input type="password" id="regConfirmPassword" name="confirmPassword" placeholder="请再次输入密码" required>
|
||
|
|
<button type="button" class="toggle-password">
|
||
|
|
<img src="assets/icons/png/invisiable_b.png" alt="显示/隐藏密码" class="visibility-icon">
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="phone">电话（选填）</label>
|
||
|
|
<input type="tel" id="phone" name="phone" placeholder="请输入电话号码">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="email">邮箱（选填）</label>
|
||
|
|
<input type="email" id="email" name="email" placeholder="请输入邮箱">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-row">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="department">部门（选填）</label>
|
||
|
|
<input type="text" id="department" name="department" placeholder="请输入所属部门">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="position">职位（选填）</label>
|
||
|
|
<input type="text" id="position" name="position" placeholder="请输入职位">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="submit-btn">注册</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="script.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|