~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="http://www.baidu.com">
<table>
<tr>
<td>用戶名：</td>
<td><input type="text" name="username" placeholder="用戶名" maxlength="10"/></td>
</tr>
<tr>
<td>密碼：</td>
<td><input type="password" name="pwd" placeholder="密碼" /></td>
</tr>
<tr>
<td>確認密碼：</td>
<td><input type="password" name="pwd2" placeholder="確認密碼" /></td>
</tr>
<tr>
<td>生日：</td>
<td><input type="date" name="birthday" /></td>
</tr>
<tr>
<td>性別:</td>
<td>
<input type="radio" name="sex" value="男" checked/> 男
<input type="radio" name="sex" value="女"/> 女
</td>
</tr>
<tr>
<td>學歷：</td>
<td>
<select name="education">
<option value="1">本科</option>
<option value="2" selected>研究生</option>
<option value="3">博士</option>
</select>
</td>
</tr>
<tr>
<td>興趣愛好：</td>
<td>
<input type="checkbox" name="hobby" checked="" value="看書"/> 看書
<input type="checkbox" name="hobby" checked="" value="學習"/> 學習
<input type="checkbox" name="hobby" checked="" value="編程"/> 編程
</td>
</tr>
<tr>
<td>備注</td>
<td><textarea name="comment" rows="6" cols="30">這個人很懶，什么也沒有留下</textarea></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="注冊" disabled=""/>
<input type="reset" value="重置" />
<input type="button" value="點我" />
</td>
</tr>
</table>
</form>
<!--
markdown table>tr*3>td*3 tab
table: thead, 列頭行
tbody, 內容行
thead, tbody沒有任何的樣式效果
什么時候用thead, tbody? 在要為列頭和其他行設置不同樣式的時候。
跨列：寫在th, td上，colspan="2"
改變列寬：在第一行上改變
-->
<table border="1px" cellspacing="0">
<thead>
<tr>
<th>姓名</th>
<th colspan="2">JAVA</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">費園園</td>
<td width="100px">100</td>
<td>100</td>
</tr>
<tr>
<td>98</td>
<td>98</td>
</tr>
</tbody>
</table>
<table border="1px" cellspacing="0">
<tr>
<td colspan="2">10</td>
<td>10</td>
<td colspan="2">10</td>
</tr>
<tr>
<td rowspan="2">10</td>
<td>10</td>
<td>10</td>
<td>10</td>
<td rowspan="2">10</td>
</tr>
<tr>
<td>10</td>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td>10</td>
<td colspan="2">10</td>
<td>10</td>
<td>10</td>
</tr>
</table>
</body>
</html>
~~~
