表單的基本設(shè)置
-
表單
- 現(xiàn)實(shí)生活中的表單是用來提交信息的痴晦，比 如：辦理銀行卡填寫的申請表、找工作填 寫的簡歷、入學(xué)時(shí)填寫的個(gè)人信息表印蔬。這些都是表單的一種。
- 網(wǎng)頁中的表單是用來向服務(wù)器提交信息的脱衙， 我們最常用到的表單就是baidu的搜索框侥猬。
在搜索框填入關(guān)鍵字后例驹，點(diǎn)擊搜索按鈕，關(guān)鍵字會(huì)提交到baidu的服務(wù)器退唠， 服務(wù)器根據(jù)用戶輸入的關(guān)鍵字進(jìn)行檢索鹃锈，返回相應(yīng)信息
-
表單項(xiàng)
>文本框
<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是我們使用的最多的表單項(xiàng)，它可以 根據(jù)不同的type屬性呈現(xiàn)不同的狀態(tài)瞧预。
- type可選值
text：文本框
password：密碼框
submit：提交按鈕
radio：單選按鈕
checkbox：多選框
reset ：重置按鈕
select,option
-
select用于創(chuàng)建一個(gè)下拉列表. -
option表示下拉列表中的列表項(xiàng). -
optgroup用于為列表項(xiàng)分組屎债。
textarea
-
textarea用來創(chuàng)建一個(gè)文本域，實(shí)際效果和 文本框類似垢油，只是可以輸入多行數(shù)據(jù)盆驹。
可用屬性：
cols：文本域的列數(shù)
rows：文本域的行數(shù)
fieldset、legend滩愁、label
-
fieldset用來為表單項(xiàng)進(jìn)行分組躯喇。 -
legend用于指定每組的名字。 -
label標(biāo)簽用來為表單項(xiàng)定義描述文字硝枉。
html表格
- table常用標(biāo)簽
1廉丽、table標(biāo)簽：聲明一個(gè)表格
2、tr標(biāo)簽：定義表格中的一行
3妻味、td和th標(biāo)簽：定義一行中的一個(gè)單元格雅倒，td代表普通單元格，th表示表頭單元格
table常用屬性：
1弧可、border 定義表格的邊框
2蔑匣、cellpadding 定義單元格內(nèi)內(nèi)容與邊框的距離
3、cellspacing 定義單元格與單元格之間的距離
4棕诵、align 設(shè)置單元格中內(nèi)容的水平對齊方式,設(shè)置值有：left | center | right
5裁良、valign 設(shè)置單元格中內(nèi)容的垂直對齊方式 top | middle | bottom
6、colspan 設(shè)置單元格水平合并
7校套、rowspan 設(shè)置單元格垂直合并
傳統(tǒng)布局：
- 傳統(tǒng)的布局方式就是使用table來做整體頁面的布局价脾，布局的技巧歸納為如下幾點(diǎn)：
1、定義表格寬高笛匙，將border侨把、cellpadding、cellspacing全部設(shè)置為0
2妹孙、單元格里面嵌套表格
3秋柄、單元格中的元素和嵌套的表格用align和valign設(shè)置對齊方式
4、通過屬性或者css樣式設(shè)置單元格中元素的樣式
傳統(tǒng)布局目前應(yīng)用：
1蠢正、快速制作用于演示的html頁面
2骇笔、商業(yè)推廣EDM制作(廣告郵件)
