表格与表单

<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>

<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>