HTML 表單用于搜集不同類型的用戶輸入。
1.<form> 元素：<form> 元素定義 HTML 表單
1.<form>屬性：
- accept-charset：charset_list，規定服務器可處理的表單數據字符集；
- action：URL，規定當提交表單時向何處發送表單數據；
- autocomplete（H5）：on/off，規定是否啟用表單的自動完成功能；
-
enctype：規定在發送表單數據之前如何對其進行編碼，屬性可能的值有：
1.application/x-www-form-urlencoded；
2.multipart/form-data；
3.text/plain； - method：get/post，規定用于發送form-data的http方法；
- name：規定表單的名稱；
- novalidate（H5）：novalidate，如果使用該屬性，則提交表單時不進行驗證；
- target：_blank/_self/_parent/_top/framename，規定在何處打開action URL；
2.表單元素
1.<input>元素：
<input> 元素不同的 type 屬性：
1.<input type="text"> 定義供文本輸入的單行輸入字段：
<div class="username">
<label for="username">your name</label>
<input id="username" type="text" name="username" value="bunny">
</div>
2.<input type="password"> 定義密碼字段：
<div>
<label for="password">your password</label>
<input id="password" type="password" name="password" placeholder="please input your password">
</div>
3.<input type="submit"> 定義提交表單數據至表單處理程序的按鈕：
<input type="submit" value="Submit"/>
4.<input type="radio"> 定義單選按鈕：注意name一致
<div class="sex">
<label>your gender</label>
<input type="radio" name="sex" value="male" checked> male
<input type="radio" name="sex" value="female"> female
</div>
5.<input type="checkbox"> 定義復選框：注意name一致
<div class="hobby">
<label>your hobbies</label>
<input type="checkbox" name="hobby" value="read" checked> reading
<input type="checkbox" name="hobby" value="movie"> watching movies
<input type="checkbox" name="hobby" value="piano"> playing piano
<input type="checkbox" name="hobby" value="paint"> painting
</div>
6.<input type="button> 定義按鈕
7.<input type="number">（H5）用于應該包含數字值的輸入字段：能夠對數字做出限制
<input type="number" name="quantity" min="1" max="5">
8.<input type="date"> （H5） 用于應該包含日期的輸入字段：根據瀏覽器支持，日期選擇器會出現輸入字段中
9.<input type="color"> （H5） 用于應該包含顏色的輸入字段：根據瀏覽器支持，顏色選擇器會出現輸入字段中
10.<input type="range"> （H5） 用于應該包含一定范圍內的值的輸入字段：根據瀏覽器支持，輸入字段能夠顯示為滑塊控件
<input type="range" name="points" min="0" max="10">
11.<input type="month"> （H5） 允許用戶選擇月份和年份：根據瀏覽器支持，日期選擇器會出現輸入字段中
12.<input type="week"> （H5） 允許用戶選擇周和年：根據瀏覽器支持，日期選擇器會出現輸入字段中
13.<input type="time"> （H5） 允許用戶選擇時間（無時區）：根據瀏覽器支持，時間選擇器會出現輸入字段中
14.<input type="datetime"> （H5） 允許用戶選擇日期和時間（有時區）：根據瀏覽器支持，日期選擇器會出現輸入字段中
15.<input type="datetime-local"> （H5） 允許用戶選擇日期和時間（無時區）：根據瀏覽器支持，日期選擇器會出現輸入字段中
16.<input type="email"> （H5） 用于應該包含電子郵件地址的輸入字段：根據瀏覽器支持，能夠在被提交時自動對電子郵件地址進行驗證
17.<input type="search"> （H5） 用于搜索字段（搜索字段的表現類似常規文本字段）
18.<input type="tel"> （H5） 用于應該包含電話號碼的輸入字段：目前只有 Safari 8 支持 tel 類型
19.<input type="url"> （H5） 用于應該包含 URL 地址的輸入字段：根據瀏覽器支持，在提交時能夠自動驗證 url 字段<input> 元素的其他屬性：
1.value 屬性規定輸入字段的初始值
2.readonly 屬性規定輸入字段為只讀（不能修改）：<input type="text" name="firstname" value="John" readonly>，屬性不需要值
3.disabled 屬性規定輸入字段是禁用的，被禁用的元素是不可用和不可點擊的：<input type="text" name="firstname" value="John" disabled>
4.size 屬性規定輸入字段的尺寸（以字符計）：<input type="text" name="firstname" value="John" size="40">
5.maxlength 屬性規定輸入字段允許的最大長度：該屬性不會提供任何反饋。如果需要提醒用戶，則必須編寫 JavaScript 代碼
6.autocomplete（H5）屬性規定表單或輸入字段是否應該自動完成：on/off
7.autofocus（H5） 屬性是布爾屬性，規定當頁面加載時 <input> 元素應該自動獲得焦點，無屬性值
8.form （H5） 屬性規定 <input> 元素所屬的一個或多個表單
9.formaction（H5） 屬性規定當提交表單時處理該輸入控件的文件的 URL
10.formenctype （H5） 屬性規定當把表單數據（form-data）提交至服務器時如何對其進行編碼（僅針對 method="post" 的表單），覆蓋 <form> 元素的 enctype 屬性
11.formmethod （H5） 屬性定義用以向 action URL 發送表單數據（form-data）的** HTTP 方法，覆蓋 <form> 元素的 method 屬性
12.formnovalidate （H5）** 屬性規定在提交表單時不對 <input> 元素進行驗證，覆蓋 <form> 元素的 novalidate 屬性，可用于 type="submit"
13.formtarget （H5） 屬性規定的名稱或關鍵詞指示提交表單后在何處顯示接收到的響應，覆蓋 <form> 元素的 target 屬性，可與 type="submit" 和 type="image" 使用
14.height 和 width（H5） 屬性規定 <input> 元素的高度和寬度，僅用于 <input type="image">
15.list （H5） 屬性引用的 <datalist> 元素中包含了 <input> 元素的預定義選項
16.min 和 max （H5） 屬性規定 <input> 元素的最小值和最大值，適用于如下輸入類型：number、range、date、datetime、datetime-local、month、time 、week
17.multiple （H5） 屬性是布爾屬性，規定允許用戶在 <input> 元素中輸入一個以上的值，無屬性值
18.pattern （H5） 屬性規定用于檢查 <input> 元素值的正則表達式，適用于以下輸入類型：text、search、url、tel、email、password
19.placeholder（H5） 屬性規定用以描述輸入字段預期值的提示（樣本值或有關格式的簡短描述），適用于以下輸入類型：text、search、url、tel、email 、password
20.required （H5） 屬性是布爾屬性，規定在提交表單之前必須填寫輸入字段，無屬性值
21.step （H5） 屬性規定 <input> 元素的合法數字間隔，step 屬性可與 max 以及 min 屬性一同使用，來創建合法值的范圍
2.<select>元素：下拉列表，屬性：
<select name="city">
<option value="beijing">Beijing</option>
<option value="shanghai" selected="selected">Shanghai</option>
<option value="hangzhou">Hangzhou</option>
</select>
- autofocus（H5）：規定在頁面加載后文本區域自動獲得焦點
- disabled：規定禁用該下拉列表
- form（H5）：規定文本區域所屬的一個或多個表單
- multiple：規定可選擇多個選項
- name：名稱
- required（H5）：規定文本區域是必填的
- size：規定下拉列表中可見選項的數目
3.<option>元素：定義元素待選擇的選項，屬性：
- disabled：規定此選項應在首次加載時被禁用
-
label：定義當使用** <optgroup>** 時所使用的標注
Paste_Image.png - selected：規定選項（在首次顯示在列表中時）表現為選中狀態
- value：定義送往服務器的選項值
4.<textarea>元素：定義多行輸入字段（文本域），屬性：
- autofocus（H5）：規定在頁面加載后文本區域自動獲得焦點
- cols：規定文本區內的可見寬度
- disabled：規定禁用該文本區
- form（H5） ：規定文本區域所屬的一個或多個表單
- maxlength（H5） ：規定文本區域的最大字符數
- name：定義文本區域名稱
- placeholder（H5） ：規定描述文本區域預期值的簡短提示
- readonly：規定文本區為只讀
- required（H5） ：規定文本區域是必填的
- rows：規定文本區內的可見行數
- wrap（H5） ：規定當在表單中提交時，文本區域中的文本如何換行
