注册页面案例
主页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=h, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 align="center">青春不常在,抓紧谈恋爱</h2>
<table cellpadding="0" border="1">
<tr>
请选择你的性别: <br>
<input type="radio" name="sex" id="nan">
<label for="nan"> <img src="./修.png" alt="" width="160" height="180" id="nan">男</label>
<input type="radio" name="sex" id="nv">
<label for="nv"> <img src="./mugeng4.png" alt="" width="160" height="180">女</label><br>
</tr>
<tr>
生日
<!-- 为不断行的空格键，占一个字符 -->
<select name="" id="">
<option value="">--请选择年--</option>
<option value="">2000</option>
<option value="">2001</option>
<option value="">2002</option>
<option value="">2003</option>
<option value="">2004</option>
<option value="">2005</option>
<option value="">2006</option>
</select>
<select name="" id="">
<option value="">--请选择月--</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
</select>
<select name="" id="">
<option value="">--请选择日--</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
</select><br>
</tr>
<tr>所在地区 <input type="text" value="北京二环"><br></tr>
<tr>婚姻状况 <input type="radio" name="condition" id="1"><label for="1">未婚</label>
<input type="radio" name="condition" id="2"><label for="2">已婚</label>
<input type="radio" name="condition" id="3"><label for="3">离婚</label>
<br>
</tr>
<tr>学历 <input type="text" value="幼儿园"><br></tr>
<tr>喜欢的类型 <input type="checkbox" name="style" id="good"><label for="good">妩媚的</label> <input type="checkbox"
name="style" id="cute"><label for="cute">可爱的</label> <input type="checkbox" name="style"
id="young"><label for="young">小鲜肉</label> <input type="checkbox" name="style" id="old"><label
for="old">老腊肉</label>
<input type="checkbox" name="style" id="recyle"><label for="recyle">不挑食</label> <br>
</tr>
<tr>
自我介绍: <br><textarea name="" id="" cols="10" rows="2">你干嘛~哎呦</textarea><br></tr>
<input type="submit" value="免费注册"><br>
<tr>
<input type="checkbox" checked="">我同意注册条款和会员加入标准<br>
</tr>
<a href="./登录页面.html" target="_blank">我是会员,立即登录</a><br>
<center>
<h1>我承诺</h1>
<dl>
<dd>***年满18岁且单身***</dd>
<dd>***抱着严肃的态度***</dd>
<dd>***真诚寻找另一半***</dd>
</dl>
</center>
</table>
</body>
</html>
登录页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
账号: <input type="text"><br>
密码: <input type="text"><br>
或者选择短信验证码登录<br>
手机号码: <input type="text"><br>
输入你的验证码:
<input type="text"><br>
<input type="button" value="获取验证码"><br>
</body>
</html>
这是会员登录页面
浙公网安备 33010602011771号