校园歌手大赛 - 展现你的音乐才华,报名参赛吧!
<!DOCTYPE html>
<html>
<head>
<title>校园歌手大赛</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>校园歌手大赛</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">比赛规则</a></li>
<li><a href="#">往届回顾</a></li>
<li><a href="#">报名参赛</a></li>
</ul>
</nav>
</header>
<pre><code><main>
<section>
<h2>比赛简介</h2>
<p>校园歌手大赛是我们学校每年一度的传统活动,旨在发掘校园中的音乐人才,提高同学们的音乐素养,丰富校园文化生活。</p>
</section>
<section>
<h2>比赛流程</h2>
<ol>
<li>初赛:报名截止后,评委会将初步审核所有报名选手的资料,并选择一部分选手进入初赛。</li>
<li>复赛:初赛结束后,评委会将从初赛晋级选手中选择一部分选手进入复赛。</li>
<li>决赛:复赛结束后,评委会将从复赛晋级选手中选择一部分选手进入决赛,并最终评选出前三名。</li>
</ol>
</section>
<section>
<h2>报名参赛</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required>
<label for="grade">年级:</label>
<select id="grade" name="grade" required>
<option value="">请选择年级</option>
<option value="1">大一</option>
<option value="2">大二</option>
<option value="3">大三</option>
<option value="4">大四</option>
</select>
<label for="major">专业:</label>
<input type="text" id="major" name="major" required>
<label for="phone">电话:</label>
<input type="tel" id="phone" name="phone" required>
<label for="song">演唱歌曲:</label>
<input type="text" id="song" name="song" required>
<label for="intro">个人介绍:</label>
<textarea id="intro" name="intro" required></textarea>
<input type="submit" value="提交报名信息">
</form>
</section>
<section>
<h2>账户登录</h2>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<input type="submit" value="登录">
</form>
</section>
</main>
<footer>
<p>版权所有 © 2021 校园歌手大赛</p>
</footer>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/kpcp 著作权归作者所有。请勿转载和采集!