FORM
HTML的重頭戲

from標(biāo)簽 的三個最重要的屬性action enctype method

action：發(fā)送form數(shù)據(jù)到目的地址
    本身可以帶參數(shù)表達式，如：
    action = "b.jsp?id=5&name=ABC"
    注意，參數(shù)表達式是用&隔開，而且參數(shù)沒有type，就是說id=5,name=ABC,中的5，ABC沒有類型之分。

method：就是發(fā)送，一般用的是發(fā)送(POST)，因為get這個方法接收參數(shù)會地址欄顯示傳送的數(shù)據(jù)，換句話說就是不保密。另外好像上面action中的id=5，name=ABC，不會傳送。(有待進一步證實)

enctype：拆開來看就是encode type，就是重編碼，明文變密文，具體的算法不用關(guān)心，只要關(guān)心它可以讓人看不懂就是了。它的三個屬性值是：
1. application/x-www-form-urlencoded -- 窗體數(shù)據(jù)被編碼為名稱/值對.這是標(biāo)準(zhǔn)的編碼格式.
2. multipart/form-data -- 窗體數(shù)據(jù)被編碼為一條消息,頁上的每個控件對應(yīng)消息中的一個部分.
3. text/plain -- 窗體數(shù)據(jù)以純文本形式進行編碼,其中不含任何控件或格式字符.

下面介紹form標(biāo)簽內(nèi)常用的標(biāo)簽：
input 標(biāo)簽 -- 代表HTML表單的單行輸入域
   input標(biāo)簽是單獨出現(xiàn)的,<input />
   屬性.
   Common -- 一般屬性
   type -- 代表一個輸入域的顯示方式(分為輸入型,選擇型,點擊型)
   maxlength -- 輸入域最多可以輸入文字的長度
   src -- 當(dāng)使用圖片來表示按鈕時,代表圖片的位置(URI)
   alt -- 代表表單的提示文字,當(dāng)鼠標(biāo)停留時
   size -- 輸入域的長度
   value -- 輸入域的值
   accesskey -- 表單的快捷鍵訪問方式
   checked -- 如果是選擇型的輸入域,代表已經(jīng)被選擇
   disabled -- 輸入域無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用
   readonly -- 輸入域可以選擇,但是無法修改
   tabindex -- 輸入域的"tab"鍵遍歷順序
   input---type 屬性 -- 代表HTML表單,單行輸入域(框)的表現(xiàn)方式

type 屬性取值:
   text -- 文字輸入域(輸入型)
   password -- 也是文字輸入域,但是輸入的文字以密碼符號'*'顯示(輸入型)
   file -- 可以輸入一個文件路徑(輸入型)
   checkbox -- 復(fù)選框.可以選擇零個或多個(選擇型)
   radio -- 單選框.只可以選擇一個而且必須選擇一個(選擇型)
   hidden -- 代表隱藏域,可以傳送一些隱藏的信息到服務(wù)器
   button -- 按鈕(點擊型)
   image -- 使用圖片來顯示按鈕,使用src屬性指定圖像的位置(就像img標(biāo)簽的src屬性)(點擊型)
   submit -- 提交按鈕,表單填寫完畢可以提交,把信息傳送到服務(wù)器.可以使用value屬性來顯示按鈕上的文字(點擊型)
   reset -- 重置按鈕,可以把表單中的信息清空(點擊型)
   說明
   輸入型包括text,password,file
   選擇型包括checkbox,radio
   點擊型包括button,image,submin,reset

textarea 標(biāo)簽 -- 代表HTML表單多行輸入域
    textarea標(biāo)簽是成對出現(xiàn)的,以<textarea>開始,以</textarea>結(jié)束
    屬性:
    Common -- 一般屬性
    cols -- 多行輸入域的列數(shù)
    rows -- 多行輸入域的行數(shù)
    alt -- 代表表單的提示文字,當(dāng)鼠標(biāo)停留時
    accesskey -- 表單的快捷鍵訪問方式
    disabled -- 輸入域無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用
    readonly -- 輸入域可以選擇,但是無法修改
    tabindex -- 輸入域,使用"tab"鍵的遍歷順序
    select 標(biāo)簽 -- 選擇列表標(biāo)簽

select標(biāo)簽是成對出現(xiàn)的,以<select>開始,以</select>結(jié)束
    此標(biāo)簽中的每對option標(biāo)簽代表一個選擇項
    屬性:
    Common -- 一般屬性
    size -- 選擇域的高度
    multiple -- 可以有多個選擇
    disabled -- 輸入框無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用
    tabindex -- 使用"tab"鍵的遍歷順序
    option 標(biāo)簽 -- 代表選擇列表的一個選擇項

option標(biāo)簽是成對出現(xiàn)的,以<option>開始,以</option>結(jié)束
    屬性:
    Common -- 一般屬性
    label -- 說明選擇項
    value -- 說明選擇項的值
    selected -- 此選擇項已經(jīng)被選擇
    disabled -- 輸入框無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用
    tabindex -- 使用"tab"鍵的遍歷順序
    optgroup 標(biāo)簽 -- 代表分組選擇項的類別名(此類別名不能選擇)

optgroup標(biāo)簽是成對出現(xiàn)的,以<optgroup>開始,以</optgroup>結(jié)束
    屬性:
    Common -- 一般屬性
    label -- 說明選擇項
    說明，在optgroup標(biāo)簽中最好帶著label屬性，因為你肯定不想別人選擇的是什么分類都不知道。

label 標(biāo)簽
    提示表單的含義(標(biāo)簽說明)
    label標(biāo)簽是成對出現(xiàn)的,以<label>開始,以</label>結(jié)束
    兩個label之間的內(nèi)容,是要顯示的文字
    屬性:
    Common -- 一般屬性
    for -- 與此label描述的表單的id
    accesskey -- 表單的快捷鍵訪問方式
    說明
    可以使用label標(biāo)簽和for屬性連接一個表單元素
    標(biāo)簽可以被某些可視化瀏覽器渲染成可以點擊的,點擊后光標(biāo)會顯示在關(guān)聯(lián)的表單元素內(nèi).
    label標(biāo)簽是標(biāo)準(zhǔn)網(wǎng)頁設(shè)計中重要的組成部分,起到了對表單進行語義化的作用.

現(xiàn)在開始表單分組
    如果一個頁面的表單項太多,我們最好把它們分組顯示,就像使用p標(biāo)簽分開段落一樣,可以使用fieldset與legend標(biāo)簽對表單內(nèi)容分組.fieldset 標(biāo)簽 -- 對表單進行分組

fieldset標(biāo)簽是成對出現(xiàn)的,以<fieldset>開始,以</fieldset>結(jié)束
     一個表單可以有多個<fieldset>,每對<fieldset>為一組,每組內(nèi)容的描述可以使用legend標(biāo)簽說明
     屬性:
     Common -- 一般屬性
     說明
     legend的內(nèi)容一般顯示在左上角
     通過CSS可以改變fieldset邊框顯示方式,也可以改變legend的顯示方式.
     legend 標(biāo)簽 -- 對表單的每組內(nèi)容進行說明
     legend標(biāo)簽是成對出現(xiàn)的,以<legend>開始,以</legend>結(jié)束
     此標(biāo)簽在<fieldset>標(biāo)簽內(nèi)
     屬性:
     Common -- 一般屬性
     accesskey -- 表單的快捷鍵訪問方式。

   表單的學(xué)習(xí)基本上是要多練習(xí)，一些平時很少用的標(biāo)簽以及屬性在關(guān)鍵時刻可以幫你節(jié)省不少的時間和開發(fā)難度。