<table border="1" width="400px" height="300px" cellpadding="0">
<caption><h3>it大佬资料</h3></caption>
<thead>
<tr>
<td>id</td>
<td>姓名</td>
<td>班级</td>
<td>专业</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>马云</td>
<td>50</td>
<td>阿里</td>
</tr>
<tr>
<td>2</td>
<td>马化腾</td>
<td>48</td>
<td>腾讯</td>
</tr>
<tr>
<td>3</td>
<td>李彦宏</td>
<td>48</td>
<td>百度</td>
</tr>
<tr>
<td>4</td>
<td>雷军</td>
<td>48</td>
<td>小米</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总结</td>
<td></td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>
![](https://img-blog.csdn.net/20170724165529787?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYm94eXVhbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
<form action="" method="post">
用户名:<input type="text" value="添加默认值"/><br />
密 码:<input type="password" /><br />
<hr />
<input type="hidden" value="隐秘数据"/>
<hr />
性别:<input type="radio" checked="checked" name="sex" />男 <input type="radio" name="sex" />女
<!--
描述:
hidden放一些用户看不到但是可以隐藏的信息,单选框设置name属性才能两个之间选一个
checked="checked默认选中
type="image"相当于一个按钮
selected="selected"下拉框默认选中
-->
<br />
爱好:<input type="checkbox" checked="checked" name="hobby" />打游戏
<input type="checkbox" name="hobby" />睡觉
<input type="checkbox" name="hobby" />运动
<br/>
出生日期:
<select>
<option>1990</option>
<option>91</option>
<option>92</option>
<option>93</option>
<option selected="selected">94</option>
</select>年
<select></select>月
<select></select>月
<br />
自我评价:
<textarea cols="30" rows="5"></textarea><br />
<input type="image" src="" /><br />
<input type="button" value="提交" />
<input type="reset" value="重置" /><br />
</form>