HTML 表單用于搜集不同類(lèi)型的用戶輸入。
<form> 元素定義 HTML 表單，相當(dāng)于表單的外殼，用于把用戶輸入的不同類(lèi)型的數(shù)據(jù)提交到后臺(tái)。
<form>元素的屬性
- name：表單的名稱(chēng)
- action： 表單提交的地址
- method：提交保單的方法有g(shù)et和post，與http協(xié)議的這兩種方式相對(duì)應(yīng)。異同如下：
get將表單中數(shù)據(jù)的按照variable=value的形式，添加到action所指向的URL后面，并且兩者使用“?”連接，而各個(gè)變量之間使用“&”連接；post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中，按照變量和值相對(duì)應(yīng)的方式，傳遞到action所指向URL。
get是不安全的，因?yàn)樵趥鬏斶^(guò)程，數(shù)據(jù)被放在請(qǐng)求的URL中，而如今現(xiàn)有的很多服務(wù)器、代理服務(wù)器或者用戶代理都會(huì)將請(qǐng)求URL記錄到日志文件中，然后放在某個(gè)地方，這樣就可能會(huì)有一些隱私的信息被第三方看到。另外，用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù)，一些系統(tǒng)內(nèi)部消息將會(huì)一同顯示在用戶面前。post的所有操作對(duì)用戶來(lái)說(shuō)都是不可見(jiàn)的。
get傳輸?shù)臄?shù)據(jù)量小，這主要是因?yàn)槭躑RL長(zhǎng)度限制；而Post可以傳輸大量的數(shù)據(jù)，所以在上傳文件只能使用post。
get限制Form表單的數(shù)據(jù)集的值必須為ASCII字符；而post支持整個(gè)ISO10646字符集。
get是用來(lái)從服務(wù)器上獲得數(shù)據(jù)，而post是用來(lái)向服務(wù)器上傳遞數(shù)據(jù)。
target：定義在何處打開(kāi)action（默認(rèn)：_self）
enctype:被提交數(shù)據(jù)的編碼（默認(rèn)：url-encoded）
application/x-www-form-urlencoded：在發(fā)送前編碼所有字符（默認(rèn)）
text/plain：空格轉(zhuǎn)換為 "+" 加號(hào)，但不對(duì)特殊字符編碼
multipart/form-data：使用包含文件上傳控件的表單時(shí)，必須使用該值
<form>包含的表單元素
- <input>
<input> 元素有很多形態(tài)，由type 屬性定義。必須包含name屬性，用于記錄提交數(shù)據(jù)的名稱(chēng)。
type屬性類(lèi)型描述：
- text 常規(guī)文本輸入?？捎胿alue屬性定義默認(rèn)值。可用 placeholder屬性提升用戶輸入，submit提交表單時(shí)，此提示不會(huì)被提交
- password 密碼輸入，字符輸入后自動(dòng)隱藏?？捎?placeholder屬性提升用戶輸入，submit提交表單時(shí)，此提示不會(huì)被提交
- checkbox 復(fù)選框輸入（多個(gè)選項(xiàng)中可選擇多個(gè)選項(xiàng)）。同一組數(shù)據(jù)，對(duì)應(yīng)的name屬性相同，每個(gè)選項(xiàng)的值由value屬性定義
- radio 單選按鈕輸入（多個(gè)選項(xiàng)中選擇一個(gè)選項(xiàng)）。同一組數(shù)據(jù)，對(duì)應(yīng)的name屬性相同，每個(gè)選項(xiàng)的值由value屬性定義
- file 選擇文件?？稍瓌t的文件類(lèi)型由accept屬性定義
- reset 重置用戶輸入
- button 顯示按鈕，不能用于提交表單
- submit 提交按鈕（提交表單）
<input>為行內(nèi)元素，在使用時(shí)用<div>將<label>和<input>包裹，實(shí)現(xiàn)分段效果
2.<select>
<select>元素定義下拉列表。必須包含name屬性，用于記錄提交數(shù)據(jù)的名稱(chēng)
下拉列表元素由<option>標(biāo)簽定義。列表通常會(huì)把首個(gè)選項(xiàng)顯示為被選選項(xiàng)。可通過(guò)添加 selected 屬性來(lái)定義預(yù)定義選項(xiàng)。列表值由value屬性定義。
3.<textarea>
<textarea>元素定義多行輸入字段（文本域）。必須包含name屬性，用于記錄提交數(shù)據(jù)的名稱(chēng)。行內(nèi)元素。
4.<label>
<label>元素用來(lái)提示<input>、<select>、<textarea>等輸入元素表頭，可用for屬性與屬入元素id相關(guān)聯(lián)，幫助輸入元素聚焦鼠標(biāo)輸入。行內(nèi)元素。
