apply.html · 约 2230 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>在线报名 · 招生报名系统</title>
7<link rel="stylesheet" href="css/style.css">
8</head>
9<body>
10<div class="phone">
11 <header class="topbar"><div class="t" style="flex:1;text-align:center">在线报名 · 招生报名系统</div></header>
12 <main class="screen"><div class="card"><div class="sec-h">📝 在线报名</div><div class="muted">带 * 为必填项，提交后进入待审核队列。</div></div><form class="form" id="f"><div class="row"><label>姓名 *</label><input id="name" placeholder="如：张三"></div><div class="row"><label>手机号 *</label><input id="phone" placeholder="11 位手机号" inputmode="numeric"></div><div class="row"><label>性别</label><select id="gender"><option>男</option><option>女</option></select></div><div class="row"><label>出生日期</label><input id="birth" type="date"></div><div class="row"><label>报读专业</label><select id="major"><option>计算机科学与技术</option><option>软件工程</option><option>数字媒体艺术</option><option>人工智能</option><option>护理学</option><option>电子信息工程</option><option>工商管理</option></select></div><div class="row"><label>学历层次</label><select id="level"><option>本科</option><option>专科</option><option>专升本</option></select></div><div class="row"><label>来源渠道</label><select id="source"><option>官网</option><option>招生宣讲</option><option>抖音</option><option>老师推荐</option><option>朋友介绍</option></select></div><div class="row"><label>备注</label><textarea id="note" placeholder="特长 / 获奖 / 特殊情况说明"></textarea></div><button class="btn-pri" type="submit">提交报名</button></form></main>
13 <nav class="tabbar"><a href="index.html"><span>🏠</span>首页</a><a href="apply.html" class="on"><span>📝</span>报名</a><a href="list.html"><span>📋</span>列表</a><a href="review.html"><span>✅</span>审核</a><a href="stats.html"><span>📊</span>统计</a></nav>
14</div>
15<script src="js/main.js"></script>
16</body>
17</html>