作业要求图:
代码(结尾有截图):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<table>
<thead>
<style>
div{
font-size: 20px;
font-weight: 600;
}
u{
color: cornflowerblue;
}
</style>
<tr>
</tr>
</thead>
<tbody>
<tr width="600px">
<div><p>青春不常在,抓紧谈恋爱</p></div>
<td>性别</td>
<td><input type="radio" name="gender" value="nan" checked>男
<input type="radio" name="gender" vlaue="nv">女</td>
</tr>
<tr width="600px">
<td>生日</td>
<td><select name="年份">
<option value="--请选择年--">--请选择年--</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
</select>
<select name="月份">
<option value="--请选择月--">--请选择月--</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<select name="日">
<option value="--请选择日--">--请选择日--</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select></td>
</tr>
<tr width="600px">
<td>所在地区</td>
<td><input type="text" name="地区" value="北京思密达"></td>
</tr>
<tr width="600px">
<td>婚姻状况</td>
<td><input type="radio" name="zhuangkuang" value="weihun" checked>未婚
<input type="radio" name="zhuangkuang" vlaue="未婚">已婚
<input type="radio" name="zhuangkuang" vlaue="离婚">离婚</td>
</tr>
<tr width="600px">
<td>学历</td>
<td><input type="text" name="学历" value="幼儿园"></td>
</tr>
<tr width="600px">
<td>喜欢的类型</td>
<td><input type="checkbox" name="leixing">妩媚的
<input type="checkbox" name="leixing">可爱的
<input type="checkbox" name="leixing">小鲜肉<input type="checkbox" name="leixing">老腊肉
<input type="checkbox" name="leixing">都喜欢
</td>
</tr>
<tr width="600px">
<td>自我介绍</td>
<td><textarea cols="20" rows="2" value="自我介绍">自我介绍
</textarea>
</td>
</tr>
<tr width="600px">
<td></td>
<td><button type="submit">免费注册</button></td>
</tr>
<tr width="600px">
<td></td>
<td><input type="checkbox" name="xieyi" checked>我同意注册条款和会员加入标准</td>
</tr>
<tr width="600px">
<td></td>
<td><u>我是会员,立即登录</u></td>
</tr>
<tr width="600px">
<td></td>
<td><h3>我承诺<h3></td>
</tr>
<tr width="600px">
<td></td>
<td><ul>
<li>年满18岁,单身</li>
<li>抱着严肃的态度</li>
<li>真诚寻找另一半</li>
</ul></td>
</tr>
</tbody>
</table>
</body>
</html>
运行结果: