表格:
使用table標(biāo)簽創(chuàng)建一個表格。
tr表示表格中的一行。
tr中可以編寫一個或多個th或td。
th表示表頭。
td表示表格中的一個單元格。
caption表示表格的標(biāo)題。
thead表示表格的頭部。
tbody表示表格的主體。
tfoot表示表格的底部。
合并單元格指將兩個或兩個以上的單元格 合并為一個單元格。
合并單元格可以通過在th或td中設(shè)置屬性 來完成。
橫向合并 :
colspan
縱向合并:
rowspan
text-align:設(shè)置文本的水平對齊。
vertical-align:設(shè)置文本的垂直對齊。
可選值:top、baseline、middle、bottom
border-spacing:邊框間距
border-collapse:合并邊框
collapse:合并邊框
separate:不合并邊框
文本框
<input type="text" name="name">
密碼框
<input type="password" name="pwd">
多選框
<input type="checkbox" name="sports">
單選框
<input type="radio" name="gender">
提交按鈕
<input type="submit" value="提交">
下拉列表
<select>
<option>北京</option>
</select>
input:
input是我們使用的最多的表單項,它可以 根據(jù)不同的type屬性呈現(xiàn)不同的狀態(tài)。
type屬性可選值:
text:文本框
password:密碼框
submit:提交按鈕
radio:單選按鈕
checkbox:多選框
reset :重置按鈕
select用于創(chuàng)建一個下拉列表。
option表示下拉列表中的列表項。
optgroup用于為列表項分組。
textarea用來創(chuàng)建一個文本域,實際效果和 文本框類似,只是可以輸入多行數(shù)據(jù)。
可用屬性:
cols:文本域的列數(shù)
rows:文本域的行數(shù)
fieldset用來為表單項進(jìn)行分組。
legend用于指定每組的名字。
label標(biāo)簽用來為表單項定義描述文字。