每天一句: 如果你不能打敗對手,那你就加入對手悴了。
一搏恤、表單高級
語法:
<fieldset> </fieldset>
說明:
相當于一個方框,在字段集中可以包含文本和其他元素湃交。該元素用于對表單中的元素進行分組并在文檔中區(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)多選;
語法:
<input type=“text” required=“required”/>
<input type=“text” required />
說明:
設(shè)置必填屬性腮敌,即此項必填項阱当;
二、表格屬性
語法:
border-spacing:value;
說明:
單元格間距(該屬性必須給table添加)糜工,表示單元格邊框之間的距離弊添,不可取負值;
語法:
border-collapse:separate/collapse;
說明:
合并相鄰單元格邊框(該屬性必須給table添加);
separate(邊框分開)默認值;
collapse(邊框合并);
語法:
empty-cells:show/hide;
說明:
定義當單元格無內(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)點(加快運行速度报慕,允許瀏覽器更快的對表格進行布局)深浮、缺點(不太靈活)
語法:
caption-side:top/right/bottom/left
說明:
定義表格的caption對象放于表格的哪個位置,與caption元素一起使用;
top為默認值;
left,right位置只有火狐識別;
top,bottom IE6以上版本支持眠冈,IE6以下版本不支持其它屬性值飞苇,只識別top;
語法:
雙數(shù)行: tr:nth-child(2n){ }
單數(shù)行: tr:nth-child(2n+1){ }
說明:
設(shè)置單數(shù)單元格的樣式和雙數(shù)單元格的樣式
<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)頁腳了;
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者