表單標籤

<form>

用<fieldset>組合表單資料 ---[可以為表單加一個框]
　　<legend> 元素為 <fieldset> 元素定義標題

---

表單屬性（9個）

Action ：規定提交表單時，向何處傳送資料
Method ：規定提交表單所使用的HTTP方法（GET或POST）

何時使用 GET？
　　如果表單提交是被動的（比如搜尋引擎查詢），並且沒有敏感資訊
　　GET 最適合少量資料的提交。瀏覽器會設定容量限制
　　使用GET時 ：表單資料在頁面位址列中是可見的
何時使用 POST？
　　如果表單正在更新資料，或者包含敏感資訊（例如密碼）
　　使用POST時 ：表單資料在頁面位址列中是可見的
 

  Name ：規定識別表單的名稱（對於DOM使用document.forms.name）---【如果要正確被提交，每個輸入欄位必須設定一個name屬性】
accept-charset ：規定在提交表單中所使用的字符集（預設：頁面字符集）
       enctype ：規定被提交資料的編碼（預設：url-encoded）
        target ：規定 action 屬性中地址的目標（預設：_self）
  autocomplete ：規定表單或輸入欄位是否應該自動完成（預設：開啟）【當自動完成開啟，瀏覽器會基於使用者之前的輸入值自動填寫值】
    novalidate ：規定瀏覽器不驗證表單【如果設定，則 novalidate 規定在提交表單時不對錶單資料進行驗證】

表單元素（5個）

 <input> ：定義輸入控制元件（根據不同的type值）
<select> ：定義下拉列表
<option> ：定義下拉列表的列表項列表（通常會把首個選項顯示為被選選項。通過selected屬性來定義預定義選項）
<textarea> ：定義多行輸入文字
<button> ：定義【可點選的按鈕】

--- #

<input>元素

type屬性-輸入型別 ：（6個）
　　button   ：定義按鈕
　　text     ：定義供文字輸入的【單行文字輸入欄位】。---（預設寬度為20）
　　password ：定義【密碼欄位】。---（password 欄位中的字元會被做掩碼處理（顯示為星號或實心圓））
　　submit   ：定義提交表單資料至表單處理程式的【提交按鈕】
　　radio    ：定義【單選按鈕】。---（若要實現單選，必須使得name屬性值相同）
　　CheckBox ：定義【複選框】
 

H5中新增的-輸入型別 ：（13個）
　　number ：用於應該包含數字值的輸入欄位【能夠對數字做出限制】

　　date   ：用於應該包含日期的輸入欄位。根據瀏覽器支援，日期選擇器會出現輸入欄位中
　　color  ：用於應該包含顏色的輸入欄位。根據瀏覽器支援，顏色選擇器會出現輸入欄位中
　　range  ：用於應該包含一定範圍內的值的輸入欄位。根據瀏覽器支援，輸入欄位能夠顯示為滑塊控制元件

　　month  ：允許使用者選擇月份和年份。根據瀏覽器支援，日期選擇器會出現輸入欄位中
　　week  ：允許使用者選擇周和年。根據瀏覽器支援，日期選擇器會出現輸入欄位中
　　time   ：允許使用者選擇時間（無時區）。根據瀏覽器支援，時間選擇器會出現輸入欄位中
　　datetime ：允許使用者選擇日期和時間（有時區）。根據瀏覽器支援，日期選擇器會出現輸入欄位中
　　datetime-local ：允許使用者選擇日期和時間（無時區）。根據瀏覽器支援，日期選擇器會出現輸入欄位中
　　email  ：用於應該包含電子郵件地址的輸入欄位。根據瀏覽器支援，能夠在被提交時自動對電子郵件地址進行驗證

　　search ：用於搜尋欄位（搜尋欄位的表現類似常規文字欄位）
　　tel    ：用於應該包含電話號碼的輸入欄位。目前只有 Safari 8 支援 tel 型別
　　URL    ：用於應該包含 URL 地址的輸入欄位。根據瀏覽器支援，在提交時能夠自動驗證 url 欄位

　　    value ：規定輸入欄位的【初始值】
　　readonly  ：規定輸入欄位為【只讀（不能修改）】。---（readonly 屬性不需要值。它等同於 readonly="readonly"）
　　disabled  ：規定輸入欄位是【禁用的】。---（被禁用的元素是不可用和不可點選的），被禁用的元素不會被提交）
　　    size  ：規定輸入框的【長度】。（以字元計）
　 maxlength  ：規定輸入欄位允許的【最大長度】

H5中新增的一些屬性 ：
　　autofocus  ：是布林屬性。【如果設定，則規定當頁面載入時 <input> 元素應該自動獲得焦點】
　     　form  ：規定 <input> 元素所屬的一個或多個表單。【輸入欄位位於 HTML 表單之外（但仍屬表單）】---（如需引用一個以上的表單，請使用空格分隔的表單 id 列表）
　 　multiple  ：是布林屬性。如果設定，則規定允許使用者在 <input> 元素中輸入一個以上的值。【適用於以下輸入型別：email 和 file實現多個檔案上傳】
placeholder   ：規定用以描述輸入欄位預期值的提示（樣本值或有關格式的簡短描述）。【該提示會在使用者輸入值之前顯示在輸入欄位中。】
　 　required  ：是布林屬性。如果設定，則規定在提交表單之前必須填寫輸入欄位
　     　list  ：引用的 <datalist> 元素中包含了 <input> 元素的預定義選項。【使用 <datalist> 設定預定義值的 <input> 元素】
　  　pattern  ：規定用於檢查 <input> 元素值的正則表示式。
　     　step  ：規定 <input> 元素的合法數字間隔 【示例：如果 step="3"，則合法數字應該是 -3、0、3、6、等等】

　　height 和 width 屬性 ：規定 <input> 元素的高度和寬度。【height 和 width 屬性僅用於 <input type="image">】

form…… 【屬於同一型別，會覆蓋form原有的屬性】
　  　formaction ：規定當提交表單時處理該輸入控制元件的檔案的 URL。
　 　formenctype ：規定當把表單資料（form-data）提交至伺服器時如何對其進行編碼（僅針對 method="post" 的表單）
　  　formmethod ：定義用以向 action URL 傳送表單資料（form-data）的 HTTP 方法
　formnovalidate ：是布林屬性。如果設定，則規定在提交表單時不對 <input> 元素進行驗證。
　  　formtarget ：規定的名稱或關鍵詞指示提交表單後在何處顯示接收到的響應

輸入型別限制屬性 ：
　　max ：規定輸入欄位的【最大值】
　　mix ：規定輸入欄位的【最小值】

　　maxlength ：規定輸入欄位的【最大字元數】
　　disable   ：規定輸入欄位應該被禁用
　　readonly  ：規定輸入欄位為【只讀（不可修改）】
　　required  ：規定輸入欄位【必須填寫】

　　size  ：規定輸入欄位的【寬度（以字元計）】
　　step  ：規定輸入欄位的【合法輸入間隔】
　　value ：規定輸入欄位的【預設值】
　　pattern ：規定通過其檢查輸入值的正則表示式

---

---