1.表格標(biāo)簽：

table 表格

thead 表格頭

th 元素定義表頭

tbody 表格主體

tr 表格行

td 元素定義表格單元

2.colspan??屬性規(guī)定單元格可橫跨的列數(shù)。

3.表格樣式重置

table{border-collapse:collapse;} 單元格間隙合并

th,td{padding:0;}重置單元格默認(rèn)填充

4.rowspan??屬性規(guī)定單元格可橫跨的行數(shù)。

5.form? ?表單

action數(shù)據(jù)提交的地址

method提交類型

GET? ?POST

所有的表單控件都需要被form包裹

form可以包裹多個(gè)表單控件

text 文本框

password 密碼

radio 單選

將同類型的radio設(shè)置同一個(gè)name就能達(dá)到互斥效果

checkbox 復(fù)選（多選）

submit 提交

reset??重置

button 按鈕

file??上傳

hidden??隱藏

鍵值對(duì)

name屬性，提交數(shù)據(jù)時(shí)顯示的字段（參數(shù)）

value屬性

設(shè)置表單控件的值（頁(yè)面加載就會(huì)展示）

提交數(shù)據(jù)時(shí)具體的值

6.abel??標(biāo)簽為 input 元素定義標(biāo)注

checked??在頁(yè)面加載時(shí)默認(rèn)選定的 input 元素。

disabled??屬性規(guī)定應(yīng)該禁用 input 元素。

7.select/option 下拉選框

對(duì)高度的支持不兼容；

所設(shè)置的寬度是包含邊框的大小

textarea? ?? ?文本域

各個(gè)瀏覽器下的默認(rèn)滾動(dòng)條顯示不兼容

今日練習(xí)

1.表格練習(xí)（圖一）

出現(xiàn)問(wèn)題：表格后兩行tr應(yīng)該和上邊的有個(gè)空白的距離，沒(méi)有做出來(lái)。

解決辦法：明天老師上課講解，認(rèn)真聽(tīng)講。重新再做一遍，鞏固一下

圖一

1.表單練習(xí)（圖三）

出現(xiàn)問(wèn)題：整個(gè)頁(yè)面都是迷迷糊糊地打出來(lái)的。還是有好多問(wèn)題，表單應(yīng)用的不懂得，input里邊可以加div嗎，或者input外邊可以加div嗎？等等，還是有點(diǎn)迷迷糊糊地，不敢用表單，不敢下手寫(xiě)代碼

解決辦法：明天老師上課講解，認(rèn)真聽(tīng)講。重新再做一遍，鞏固一下。

圖三