学习链接
标签介绍
1.根标签
<table></table>
2.行标签
<tr></tr>
3.单元格标签
<td></td>
简单的案例demo
<!DOCTYPE html>
<head>
<title>综合练习</title>
</head>
<body>
<h1>趁年轻 多学习</h1>
<table width="500" border="1">
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" id="nan" /><label for="nan">男</label>
<input type="radio" name="sex" id="nv" /><label for="nv">女</label>
</td>
</tr>
<tr>
<td>生日</td>
<td>
<select>
<option>--请选择年--</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
</select>
<select>
<option>--请选择月--</option>
<option>1月</option>
<option>2月</option>
<option>3月</option>
<option>4月</option>
<option>5月</option>
<option>6月</option>
<option>7月</option>
</select>
<select>
<option>--请选择日--</option>
<option>1</option>
<option>2</option>
</select>
</td>
</tr>
<tr>
<td>所在地区</td>
<td><input type="text" value="beijing" /></td>
</tr>
<tr>
<td>婚姻状况</td>
<td>
<input type="radio" name="conditon" id="marry" /><label for="marry">未婚</label>
<input type="radio" name="conditon" id="married" /><label for="married">已婚</label>
<input type="radio" name="conditon" id="marrys" /><label for="marrys">离婚</label>
</td>
</tr>
<tr>
<td>学历</td>
<td><input type="text" value="高中" /></td>
</tr>
<tr>
<td>喜欢的类型</td>
<td><input type="checkbox" name="love" />阳光
<input type="checkbox" name="love" />温柔
<input type="checkbox" name="love" />奶狗
<input type="checkbox" name="love" checked/>都喜欢</td>
</tr>
<tr>
<td>自我介绍</td>
<td><textarea>自我介绍</textarea></td>
</tr>
<tr>
<td>注册</td>
<td>
<button>免费注册</button>
</td>
</tr>
<tr>
<td>阅读条款</td>
<td>
<input type="checkbox" checked> 我同意注册条款和会员加入标准</input>
</td>
</tr>
<tr>
<td>会员注册</td>
<td> <a href="">我是会员，立即注册</a></td>
</tr>
<tr>
<td>个人曾诺</td>
<td>
<b>我承诺</b>
<ul>
<li>年满18</li>
<li>貌美如花</li>
<li>啦啦啦</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
