0235712
/
mianxing


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
							<!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 href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
    <link href="common.css" rel="stylesheet">
    <link href="login.css" rel="stylesheet">
</head>
<body>
    <!-- 登录页面 -->
    <div class="login-container" id="loginPage">
        <div class="login-box">
            <div class="login-logo">
                <i class="fas fa-briefcase"></i>
                <span>智能招聘系统</span>
            </div>
            
            <div class="login-tabs">
                <div class="login-tab active" data-tab="candidate">应聘者登录</div>
                <div class="login-tab" data-tab="recruiter">招聘者登录</div>
            </div>
            
            <!-- 应聘者登录表单 -->
            <div class="login-form active" id="candidateLogin">
                <div class="form-group">
                    <label for="candidateUsername">用户名</label>
                    <input type="text" id="candidateUsername" class="form-control" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label for="candidatePassword">密码</label>
                    <input type="password" id="candidatePassword" class="form-control" placeholder="请输入密码">
                </div>
                <button class="btn btn-primary btn-block" id="candidateLoginBtn">登录</button>
                <div class="login-links">
                    <span class="login-link" id="showRegister">注册账号</span>
                    <span class="login-link" id="showForgot">忘记密码</span>
                </div>
            </div>
            
            <!-- 招聘者登录表单 -->
            <div class="login-form" id="recruiterLogin">
                <div class="form-group">
                    <label for="recruiterUsername">用户名</label>
                    <input type="text" id="recruiterUsername" class="form-control" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label for="recruiterPassword">密码</label>
                    <input type="password" id="recruiterPassword" class="form-control" placeholder="请输入密码">
                </div>
                <button class="btn btn-primary btn-block" id="recruiterLoginBtn">登录</button>
                <div class="login-links">
                    <span class="login-link" id="showRegister2">注册账号</span>
                    <span class="login-link" id="showForgot2">忘记密码</span>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 注册页面 -->
    <div class="login-container" id="registerPage" style="display: none;">
        <div class="login-box">
            <div class="login-logo">
                <i class="fas fa-user-plus"></i>
                <span>注册账号</span>
            </div>
            
            <div class="login-tabs">
                <div class="login-tab active" data-tab="candidateReg">应聘者注册</div>
                <div class="login-tab" data-tab="recruiterReg">招聘者注册</div>
            </div>
            
            <!-- 应聘者注册表单 -->
            <div class="login-form active" id="candidateRegister">
                <div class="form-group">
                    <label for="regCandidateUsername">用户名</label>
                    <input type="text" id="regCandidateUsername" class="form-control" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label for="regCandidatePassword">密码</label>
                    <input type="password" id="regCandidatePassword" class="form-control" placeholder="请输入密码">
                </div>
                <div class="form-group">
                    <label for="regCandidateConfirm">确认密码</label>
                    <input type="password" id="regCandidateConfirm" class="form-control" placeholder="请再次输入密码">
                </div>
                <div class="form-group">
                    <label for="regCandidateEmail">电子邮箱</label>
                    <input type="email" id="regCandidateEmail" class="form-control" placeholder="请输入电子邮箱">
                </div>
                <button class="btn btn-primary btn-block" id="candidateRegisterBtn">注册</button>
                <div class="login-links">
                    <span class="login-link" id="backToLogin">返回登录</span>
                </div>
            </div>
            
            <!-- 招聘者注册表单 -->
            <div class="login-form" id="recruiterRegister">
                <div class="form-group">
                    <label for="regRecruiterUsername">用户名</label>
                    <input type="text" id="regRecruiterUsername" class="form-control" placeholder="请输入用户名">
                </div>
                <div class="form-group">
                    <label for="regRecruiterPassword">密码</label>
                    <input type="password" id="regRecruiterPassword" class="form-control" placeholder="请输入密码">
                </div>
                <div class="form-group">
                    <label for="regRecruiterConfirm">确认密码</label>
                    <input type="password" id="regRecruiterConfirm" class="form-control" placeholder="请再次输入密码">
                </div>
                <div class="form-group">
                    <label for="regRecruiterEmail">电子邮箱</label>
                    <input type="email" id="regRecruiterEmail" class="form-control" placeholder="请输入电子邮箱">
                </div>
                <div class="form-group">
                    <label for="regCompany">公司名称</label>
                    <input type="text" id="regCompany" class="form-control" placeholder="请输入公司名称">
                </div>
                <button class="btn btn-primary btn-block" id="recruiterRegisterBtn">注册</button>
                <div class="login-links">
                    <span class="login-link" id="backToLogin2">返回登录</span>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 忘记密码页面 -->
    <div class="login-container" id="forgotPage" style="display: none;">
        <div class="login-box">
            <div class="login-logo">
                <i class="fas fa-key"></i>
                <span>找回密码</span>
            </div>
            
            <div class="form-group">
                <label for="forgotEmail">电子邮箱</label>
                <input type="email" id="forgotEmail" class="form-control" placeholder="请输入注册时使用的电子邮箱">
            </div>
            <button class="btn btn-primary btn-block" id="forgotBtn">发送重置链接</button>
            <div class="login-links">
                <span class="login-link" id="backToLogin3">返回登录</span>
            </div>
        </div>
    </div>

    <script src="common.js"></script>
    <script src="login.js"></script>
</body>
</html>