界面效果如下:
代码:
<!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>
<h3>青春不常在</h3><br>
<table width="500">
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value="男" checked="checked">男 <input type="radio" name="sex" value="女"/>女</td>
</tr>
<tr>
<td>
生日
</td>
<td>
<select>
<option selected="selected">--请选择年份--</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
</select>
<select>
<option selected="selected">--请选择月份--</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select>
<option selected="selected">--请选择日--</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
</select>
</td>
</tr>
<tr>
<td>
所在地区
</td>
<td>
<input type="text" name="area" value="北京"/>
</td>
</tr>
<tr>
<td>
婚姻状况
</td>
<td>
<input type="radio" name="marry" value="未婚" checked="checked"/>未婚
<input type="radio" name="hun" value="已婚"/>已婚
<input type="radio" name="hun" value="离婚"/>离婚
</td>
</tr>
<tr>
<td>
学历
</td>
<td>
<input type="text" name="study" value="幼儿园"/>
</td>
</tr>
<tr>
<td>
喜欢的类型
</td>
<td>
<input type="checkbox" name="like" value="御姐">御姐
<input type="checkbox" name="like" value="甜妹">甜妹
</td>
</tr>
<tr>
<td>
自我介绍
</td>
<td>
<textarea>
自我介绍:
</textarea>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="免费注册"/></td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" name="agree" value="我同意" checked="checked"/>我同意注册条款和会员加入标准
</td>
<tr>
<td></td>
<td>
<a href="#">我是会员,立即登录</a>
</td>
</tr>
</tr>
<tr><td></td>
<td><h2>我承诺</h2></td>
</tr>
<tr>
<td></td>
<td>
<ul>
<li>年满十八岁</li>
<li>抱着严肃的态度</li>
</ul>
</td>
</tr>
</table>
</body>
</html>