html写三个连着的预测系统登陆页面
<!DOCTYPE html>
<html>
<head>
<title>预测系统登录</title>
<meta charset="utf-8">
</head>
<body>
<!-- 第一个页面 -->
<div class="login-page">
<h1 class="login-title">欢迎使用预测系统！</h1>
<form action="/prediction_system/user_login" method="post">
<!-- 输入用户名 -->
<div class="input-group">
用户名:<input type="text" name="username" placeholder="请输入您的用户名"/>
</div><br/>
<!-- 输入密码 -->
<div class="input-group">
密 码:<input type="password" name="password" placeholder = "请输入您的密码"/>
</div><br/>
<!-- 提交表单 -->
<button type = "submit" > 登录 </button><br/>
</form><br/>
<!-- 忘记密码，转到忘记密码界面 -->
没有帐号？<a href="/prediction_system/register.html">注册新帐号</a><br/><a href="/prediction_system/forgetPassword.html">忘记密码?</a></p>
</div>
<!-- 第二个页面-->
<div class = "register-page">
<h1 class = "register-title"><strong>"注册新帐号"</strong></h1 >
<!-- 创建新的用户信息表单-->
<form action= "/prediction_system/createUserInfo" method= "post" > //创建新的表单,提交创建用户信息的详情。 //从这里开始 // 输入电子邮件地址 邮件地址:< input type= "email", name= "email", placeholder= “请输入你的Email” /> // 输入手机号 手机号:< input type= “tel”, name= “phoneNumber”, placeholder= “请输入你的手机号” /> // 输入昵 真实姓名 真实姓名:< input type= “text”, name= “realName”, placeholder = “请输入你的真实姓名” /> // 让用戶选择性别 性别:< select name = gender > 《option value = male > Male《 /option > 《 option value = female > Female《 /option > 《 /select >< br / >< br /> // 创建一个新帐可：要求使甴者凭正备好一个特定格式的username (例如字母加數字)。 Username : & lt ; input type = & quot ; text & quot ; ,name = & quot ; username & quot ; ,placeholder='Please enter your desired username.' pattern='[A - Za - z0 - 9] { 8 , 16 } ' required / & gt ; Password :& lt ; input type='password' ,name='password' ,placeholder='Please enter a password.' pattern='[A - Za - z0 - 9] { 8 , 16 } ' required / & gt ;; Confirm Password :& lt ; input type='password' ,name='confirmPassword' ,placeholder='Please confirm your password.' pattern
创作工场
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。
点击这里>>使用🔥专业版，更聪明、更完整、更原创！