 GPT答： |
7i24.cn
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>羽毛球网页</title>
</head>
<body>
<!-- 登录页面 -->
<div id="login-page">
<h1>登录</h1>
<form action="#" method="post">
<label for="username">用户名：</label><input type="text" name="username" id="username"><br><br>
<label for="password">密码：</label><input type="password" name="password" id=password"><br><br>
<button type=“submit”>登录</button>
</form>
<p>还没有账号？<a href="#register-page">立即注册！</a></p>
</div>
<!-- 注册页面 -->
<div id=“register-page” style=“display:none;” >
<h1 >注册新用户 </h1 >
<form action = "#" method = "post" >
<label for = "new-username ">用户名： </label ><input type = "text " name ="new-username "><br ><br >
<label for ="new-password ">密码： </label ><input type ="password "name ="new-password "><br >< br >
<button onclick= “submitForm() ” > 注册 </ button >
</ form >
<!-- JavaScript代码，用于提交表单并显示成功消息-->
<script >
function submitForm() {
// 提交表单
document.forms[0].submit();
// 显示成功消息
alert("注册成功！");
}
</ script >
<!-- 返回登录页面链接-->
<p >已有账号？< a href="#login-page ">返回登录。</ a ></ p >
</ div>
<!-- 首页面 -->
<div id="home-page">
<h1>欢迎来到羽毛球网页</h1>
<p>这是一个专门为羽毛球爱好者打造的网站，我们提供以下服务：</p>
<ul>
<li>最新赛事报道</li>
<li>教学视频分享</li>
<li>场馆预定服务</li>
<li>社区交流平台</li>
</ul>
<!-- 登录链接-->
<p >已有账号？< a href="#login-page ">立即登录。</ a ></ p >
<!-- 注册链接-->
<p >还没有账号？<a href="#register-page">立即注册！</a></p>
</div>
</body >
</html >
|
