实现功能:简单的相亲网站:

清楚不常在,抓紧谈恋爱

我承诺
  • 年满十八岁
  • 单身
  • 抱着严肃态度
  • 寻找真诚的另一半

性别: 男 女
生日:--请选择年--
2019
2020
2021

--请选择月--
1
2
3

--请选择日--
1
2
3

所在区域
婚姻状况未婚 已婚 离婚
学历
喜欢的类型妩媚的 可爱的 小鲜肉 老腊肉 都喜欢
自我介绍个人简介
 
 我同意注册条款和会员
 我是会员立即登录
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h4>清楚不常在,抓紧谈恋爱</h4>
<table>
<!-- 第一行 -->
<tr>
<td>性别:</td><br />
<td><input type="radio" id="nan" name="sex"> <label for="nan">男</label>
<input type="radio" id="nv" name="sex"> <label for="nv">女</label>
</td><br>
</tr>
<!-- 第二行 -->
<tr>
<td>
生日:
</td>
<td>
<select>
<option checked="checked">--请选择年--</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
</select> <select>
<option checked="checked">--请选择月--</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select> <select>
<option checked="checked">--请选择日--</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select> </td>
</tr>
<!-- 第三行 -->
<tr>
<td>所在区域</td>
<td>
<input type="text" value="北京思密达">
</td>
</tr>
<!-- 第四行 -->
<tr>
<td>婚姻状况</td>
<td>
<input type="radio" id="weihun" name="hunyin"><label for="weihun">未婚</label>
<input type="radio" name="hunyin"> <label>已婚</label>
<input type="radio" name="hunyin" checked="checked"> <label>离婚</label>
</td>
</tr>
<!-- 学历 -->
<tr>
<td>学历</td>
<td><input type="text" value="博士后"></td>
</tr>
<!-- 喜欢的类型 -->
<tr>
<td>喜欢的类型</td>
<td>
<input type="checkbox" name="xingge">妩媚的
<input type="checkbox" name="xingge">可爱的
<input type="checkbox" name="xingge">小鲜肉
<input type="checkbox" name="xingge">老腊肉
<input type="checkbox" name="xingge">都喜欢
</td>
</tr>
<!-- 自我介绍 -->
<tr>
<td>自我介绍</td>
<td><textarea>个人简介</textarea></td>
</tr>
<!-- 免费注册 -->
<tr>
<td></td>
<td><input type="submit" value="免费注册"></td>
</tr>
<!-- checkbox -->
<tr>
<td>
<td><input type="checkbox">我同意注册条款和会员</td>
</tr>
<tr>
<td></td>
<td><a href="#">我是会员立即登录</a></td>
</tr>
<td></td>
<td>
<h5>我承诺</h5>
<ul>
<li>年满十八岁</li>
<li>单身</li>
<li>抱着严肃态度</li>
<li>寻找真诚的另一半</li> </ul>
</td>
</tr>
</table>
</body>
</html>
05-08 15:07