rowspan 對象 cell NPU lsp cap 綁定 caption 設定

表格表單
表單的作用：用來收集用戶的信息的；
表單的組成：
表單域<form name="" method="" action=""></form>
表單控件<input type="text" value=""/>
表單相關的標簽
1，表單字段集
<fieldset></fieldset>
功能：相當於一個方框，在字段集中可以包含文本和其他元素。該元素用於對表單中的元素進行分組，並在文檔中區別標出文本。fieldset元素可以嵌套，在其內部可以在設置多個fieldset對象。
2，字段級標題
<legend></legend>
功能：legend元素可以在fieldset對象繪制的方框內插入一個標題。legend元素必須是fieldset內的第一個元素。
3，表單元素

1）上傳文件框
文件域：<input type="file" />
2）圖像域（圖片按鈕）
<input type=“image” width=“100” height=“100” alt=“” src=“路徑”/>
4，提示信息標簽
<label for="綁定控件id名"></label>
功能：label元素用來定義標簽，為頁面上的其他元素指定提示信息。要將label元素綁定到其他的控件上，可以將label元素的for屬性設置為與該控件的id屬性值相同。

表格相關的屬性
1、單元格間距(該屬性必須給table添加)
border-spacing:value;
?
2、合並相鄰單元格邊框
border-collapse:separate(邊框分開)/collapse(邊框合並)；（寫1像素邊框表格）
3、無內容單元格顯示、隱藏
empty-cells:show/hide;
?4、表格布局算法
table-layout:auto/fixed(固定寬度，不會隨內容多少改變單元格寬度）
?
自動表格布局：列的寬度是由列單元格中沒有折行的最寬的內容設定的。
缺點：較慢（因為它需要在確定最終的布局前訪問表格中的所有內容）。
優點：靈活
固定表格布局
優點：加快運行的速度,允許瀏覽器更快的對表格進行布局。
缺點:不太靈活
5、表格標題
<caption>標題內容</caption>
表格標題位置：caption-side:top/right/bottom/left
說明：left,right位置只有火狐識別，top,bottom IE7上版本支持，ie7以下版本不支持其它屬性值，只識別top
6、表格布局元素
1、表格基本組成
table（表格）??????tr（行） ?????td（列）
th:表格列標題（放在tr裏）
重要屬性：
1）、colspan=“value”????合並列 2）、rowspan="value"???和並行
3）、valign="top/bottom/middle" 垂直對齊方式?
?水平對齊：align=left/center/right
４）rules="groups/rows/cols/all/none"????添加組分隔線
說明：
rows:位於行之間的線條
cols:位於列之間的線條
all：位於行和列之間的線條
none:沒有線條
groups:位於行組和列組之間的線條
2、數據行分組
<thead></thead> ?????表頭
<tbody></tbody> ?????表體
<tfoot></tfoot>?????????表尾

說明：1.一個Table中，只能包含一個thead,一個tfoot,但可包含多個tbody。不會影響到表格的布局
3、數據列分組
<colgroup span="value"></colgroup>
<col??? span="value" />
說明：
1）col和colgroup元素會根據從左到右的順序依次對數據表格進行分組。
2）span屬性顯示指定相鄰幾列組成一組，span屬性值默認為1，默認時僅定義一列為一組。
3）可以通過給table添加rules="groups"屬性來給分組列添加組分割線。
註意：雖然col和colgroup具有相同的功能，但是，我們只能使用colgroup元素來決定表格內容部分分割線（rules）應該處於的位置，而col沒有這個功能。

表格表格高級