每天一句: 如果你不能打敗對手，那你就加入對手。
一、表單高級

表單字段集

語法:
<fieldset> </fieldset>
說明:
相當(dāng)于一個方框，在字段集中可以包含文本和其他元素。該元素用于對表單中的元素進行分組并在文檔中區(qū)別標出文本。fieldset元素可以嵌套，在其內(nèi)部可以在設(shè)置多個fieldset對象;

字段級標題

語法:
<legend align="left/center/right/justify">個人信息</legend>
說明:
legend元素可以在fieldset對象繪制的方框內(nèi)插入一個標題,legend元素必須是fieldset內(nèi)的第一個元素;

上傳文件框

語法:
<input type="file" multiple="multiple" />
說明:
type屬性值新增的類型有: file文件類型，可進行文件的選擇，multiple屬性可實現(xiàn)多選；

required屬性

語法:
<input type=“text” required=“required”/>
<input type=“text” required />
說明:
設(shè)置必填屬性，即此項必填項；

二、表格屬性

單元格間距(cellspacing)

語法:
border-spacing:value;
說明:
單元格間距(該屬性必須給table添加)，表示單元格邊框之間的距離，不可取負值;

合并相鄰單元格邊框

語法:
border-collapse:separate/collapse;
說明:
合并相鄰單元格邊框(該屬性必須給table添加);
separate(邊框分開)默認值;
collapse(邊框合并);

無內(nèi)容時單元格的設(shè)置

語法:
empty-cells:show/hide;
說明:
定義當(dāng)單元格無內(nèi)容時，是否顯示該單元格的邊框；
show:顯示;
hide:隱藏;
【不要使用border-collapse:collapse;否則無效】

顯示單元、行和列的算法(加快運行的速度)

語法:
table-layout:auto/fixed; (默認是auto)
說明:
定義表格的布局算法，設(shè)置fixed，文本為英文字母且無空格時，內(nèi)容超出單元格寬度則固定不變；如沒設(shè)寬則平均分配；設(shè)置auto時，則隨內(nèi)容寬度而定;
fixed：固定寬，不會隨內(nèi)容多少改變單元格寬,寬度可以明確定義，沒有定義時則寬度會平均分配，高度則會隨內(nèi)容變化;
auto自動表格布局: 優(yōu)點(靈活)、缺點(較慢，因為要確定布局前要先訪問表格中所有數(shù)據(jù));
fixed固定表格布局: 優(yōu)點(加快運行速度，允許瀏覽器更快的對表格進行布局)、缺點(不太靈活)

設(shè)置表格標題的位置

語法:
caption-side：top/right/bottom/left
說明:
定義表格的caption對象放于表格的哪個位置，與caption元素一起使用;
top為默認值;
left,right位置只有火狐識別;
top,bottom IE6以上版本支持，IE6以下版本不支持其它屬性值，只識別top;

隔行變色設(shè)置

語法:
雙數(shù)行： tr:nth-child(2n){ }
單數(shù)行： tr:nth-child(2n+1){ }
說明:
設(shè)置單數(shù)單元格的樣式和雙數(shù)單元格的樣式

數(shù)據(jù)行分組

<thead></thead> 表頭
<tbody></tbody> 表體
<tfoot></tfoot> 表尾
說明：一個Table中，只能包含一個thead,一個tfoot,但可包含多個tbody;

備注：
thead 元素應(yīng)該與 tbody 和 tfoot 元素結(jié)合起來使用;
tbody 元素用于對 HTML 表格中的主體內(nèi)容進行分組， tfoot 元素用于對 HTML 表格中的表注（頁腳）內(nèi)容進行分組;
如果要使用 thead、tfoot 以及 tbody 元素，就必須使用全部的元素;
它們的出現(xiàn)次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁腳了;