<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>相亲</title>
</head>
<body>
<h4>黑Miss胶会员注册</h4>
<table width="500" >
<!-- 第一行 -->
<tr>
<td>性别</td>
<td>
<label for="nan"><img src="images/man.jpg">男</label><input type="radio" name="sex" id="nan">
<label for="nv"><img src="images/women.jpg">女</label> <input type="radio" name="sex" id="nv">
</td>
</tr>
<!-- 第二行 -->
<tr>
<td>生日</td>
<td>
<select >
<option value="">-请选择年份-</option>
<option value="">2001</option>
<option value="">2002</option>
<option value="">2003</option>
</select>
<select >
<option value="">-请选择月份-</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
<select >
<option value="">-请选择日-</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
</td>
</tr>
<!-- 第三行 -->
<tr>
<td>所在地区</td>
<td><input type="text" value="北京"></td>
</tr>
<!-- 第四行 -->
<tr>
<td>喜欢音乐类型</td>
<td>
<label for="gudian"><input type="checkbox" name="love" id="gudian">古典</label>
<label for="liuxin"><input type="checkbox" name="love" id="liuxin" checked="checked">流行</label>
<label for="rihan"><input type="checkbox" name="love" id="rihan">日韩</label>
<label for="zhongkou"><input type="checkbox" name="love" id="zhongkou">重口</label>
</td>
</tr>
<!-- 第五行 -->
<tr>
<td>学历</td>
<td>
<select >
<option value="">-请选择日-</option>
<option value="">幼儿园</option>
<option value="">小学</option>
<option value="">初中</option>
</select>
</td>
</tr>
<!-- 第六行 -->
<tr>
<td>自我介绍</td>
<td><textarea name="自我介绍" id="" cols="30" rows="10">50字</textarea></td>
</tr>
<!-- 第七行 -->
<tr>
<td></td>
<td>
<input type="submit" value="注册">
</td>
</tr>
<!-- 第八行 -->
<tr>
<td></td>
<td>
<input type="checkbox" checked="checked">我同意注册条款和会员加入标准
</td>
</tr>
<!-- 第九行 -->
<tr>
<td></td>
<td>
<a href="#">我是会员，立即登录</a>
</td>
</tr>
<tr>
<td></td>
<td>
<h5>我承诺</h5>
<ul>
<li>热爱生活</li>
<li>热爱音乐</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
html-11 注册界面
猜你喜欢
转载自blog.csdn.net/fly_ship/article/details/109276115
今日推荐
周排行