HTML 表單用于搜集不同類型的用戶輸入。
1.<form> 元素：<form> 元素定義 HTML 表單
1.<form>屬性：
- accept-charset：charset_list崭添，規(guī)定服務(wù)器可處理的表單數(shù)據(jù)字符集肌毅；
- action：URL垢袱，規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)；
- autocomplete（H5）：on/off敢会，規(guī)定是否啟用表單的自動(dòng)完成功能鉴腻；
-
enctype：規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼，屬性可能的值有：
1.application/x-www-form-urlencoded惧浴；
2.multipart/form-data存和；
3.text/plain； - method：get/post衷旅，規(guī)定用于發(fā)送form-data的http方法捐腿；
- name：規(guī)定表單的名稱；
- novalidate（H5）：novalidate柿顶，如果使用該屬性茄袖，則提交表單時(shí)不進(jìn)行驗(yàn)證；
- target：_blank/_self/_parent/_top/framename嘁锯，規(guī)定在何處打開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"> 定義提交表單數(shù)據(jù)至表單處理程序的按鈕：
<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"> 定義復(fù)選框：注意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）用于應(yīng)該包含數(shù)字值的輸入字段：能夠?qū)?shù)字做出限制
<input type="number" name="quantity" min="1" max="5">
8.<input type="date"> （H5） 用于應(yīng)該包含日期的輸入字段：根據(jù)瀏覽器支持，日期選擇器會(huì)出現(xiàn)輸入字段中
9.<input type="color"> （H5） 用于應(yīng)該包含顏色的輸入字段：根據(jù)瀏覽器支持家乘，顏色選擇器會(huì)出現(xiàn)輸入字段中
10.<input type="range"> （H5） 用于應(yīng)該包含一定范圍內(nèi)的值的輸入字段：根據(jù)瀏覽器支持蝗羊，輸入字段能夠顯示為滑塊控件
<input type="range" name="points" min="0" max="10">
11.<input type="month"> （H5） 允許用戶選擇月份和年份：根據(jù)瀏覽器支持，日期選擇器會(huì)出現(xiàn)輸入字段中
12.<input type="week"> （H5） 允許用戶選擇周和年：根據(jù)瀏覽器支持仁锯，日期選擇器會(huì)出現(xiàn)輸入字段中
13.<input type="time"> （H5） 允許用戶選擇時(shí)間（無時(shí)區(qū)）：根據(jù)瀏覽器支持耀找，時(shí)間選擇器會(huì)出現(xiàn)輸入字段中
14.<input type="datetime"> （H5） 允許用戶選擇日期和時(shí)間（有時(shí)區(qū)）：根據(jù)瀏覽器支持，日期選擇器會(huì)出現(xiàn)輸入字段中
15.<input type="datetime-local"> （H5） 允許用戶選擇日期和時(shí)間（無時(shí)區(qū)）：根據(jù)瀏覽器支持扑馁，日期選擇器會(huì)出現(xiàn)輸入字段中
16.<input type="email"> （H5） 用于應(yīng)該包含電子郵件地址的輸入字段：根據(jù)瀏覽器支持涯呻，能夠在被提交時(shí)自動(dòng)對(duì)電子郵件地址進(jìn)行驗(yàn)證
17.<input type="search"> （H5） 用于搜索字段（搜索字段的表現(xiàn)類似常規(guī)文本字段）
18.<input type="tel"> （H5） 用于應(yīng)該包含電話號(hào)碼的輸入字段：目前只有 Safari 8 支持 tel 類型
19.<input type="url"> （H5） 用于應(yīng)該包含 URL 地址的輸入字段：根據(jù)瀏覽器支持凉驻，在提交時(shí)能夠自動(dòng)驗(yàn)證 url 字段<input> 元素的其他屬性：
1.value 屬性規(guī)定輸入字段的初始值
2.readonly 屬性規(guī)定輸入字段為只讀（不能修改）：<input type="text" name="firstname" value="John" readonly>，屬性不需要值
3.disabled 屬性規(guī)定輸入字段是禁用的复罐，被禁用的元素是不可用和不可點(diǎn)擊的：<input type="text" name="firstname" value="John" disabled>
4.size 屬性規(guī)定輸入字段的尺寸（以字符計(jì)）：<input type="text" name="firstname" value="John" size="40">
5.maxlength 屬性規(guī)定輸入字段允許的最大長(zhǎng)度：該屬性不會(huì)提供任何反饋涝登。如果需要提醒用戶，則必須編寫 JavaScript 代碼
6.autocomplete（H5）屬性規(guī)定表單或輸入字段是否應(yīng)該自動(dòng)完成：on/off
7.autofocus（H5） 屬性是布爾屬性效诅，規(guī)定當(dāng)頁面加載時(shí) <input> 元素應(yīng)該自動(dòng)獲得焦點(diǎn)胀滚，無屬性值
8.form （H5） 屬性規(guī)定 <input> 元素所屬的一個(gè)或多個(gè)表單
9.formaction（H5） 屬性規(guī)定當(dāng)提交表單時(shí)處理該輸入控件的文件的 URL
10.formenctype （H5） 屬性規(guī)定當(dāng)把表單數(shù)據(jù)（form-data）提交至服務(wù)器時(shí)如何對(duì)其進(jìn)行編碼（僅針對(duì) method="post" 的表單），覆蓋 <form> 元素的 enctype 屬性
11.formmethod （H5） 屬性定義用以向 action URL 發(fā)送表單數(shù)據(jù)（form-data）的** HTTP 方法乱投，覆蓋 <form> 元素的 method 屬性
12.formnovalidate （H5）** 屬性規(guī)定在提交表單時(shí)不對(duì) <input> 元素進(jìn)行驗(yàn)證咽笼，覆蓋 <form> 元素的 novalidate 屬性，可用于 type="submit"
13.formtarget （H5） 屬性規(guī)定的名稱或關(guān)鍵詞指示提交表單后在何處顯示接收到的響應(yīng)戚炫，覆蓋 <form> 元素的 target 屬性剑刑，可與 type="submit" 和 type="image" 使用
14.height 和 width（H5） 屬性規(guī)定 <input> 元素的高度和寬度，僅用于 <input type="image">
15.list （H5） 屬性引用的 <datalist> 元素中包含了 <input> 元素的預(yù)定義選項(xiàng)
16.min 和 max （H5） 屬性規(guī)定 <input> 元素的最小值和最大值双肤，適用于如下輸入類型：number施掏、range、date茅糜、datetime七芭、datetime-local、month蔑赘、time 狸驳、week
17.multiple （H5） 屬性是布爾屬性，規(guī)定允許用戶在 <input> 元素中輸入一個(gè)以上的值缩赛，無屬性值
18.pattern （H5） 屬性規(guī)定用于檢查 <input> 元素值的正則表達(dá)式耙箍，適用于以下輸入類型：text、search酥馍、url究西、tel、email物喷、password
19.placeholder（H5） 屬性規(guī)定用以描述輸入字段預(yù)期值的提示（樣本值或有關(guān)格式的簡(jiǎn)短描述），適用于以下輸入類型：text遮斥、search峦失、url、tel术吗、email 尉辑、password
20.required （H5） 屬性是布爾屬性，規(guī)定在提交表單之前必須填寫輸入字段较屿，無屬性值
21.step （H5） 屬性規(guī)定 <input> 元素的合法數(shù)字間隔隧魄，step 屬性可與 max 以及 min 屬性一同使用卓练，來創(chuàng)建合法值的范圍
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）：規(guī)定在頁面加載后文本區(qū)域自動(dòng)獲得焦點(diǎn)
- disabled：規(guī)定禁用該下拉列表
- form（H5）：規(guī)定文本區(qū)域所屬的一個(gè)或多個(gè)表單
- multiple：規(guī)定可選擇多個(gè)選項(xiàng)
- name：名稱
- required（H5）：規(guī)定文本區(qū)域是必填的
- size：規(guī)定下拉列表中可見選項(xiàng)的數(shù)目
3.<option>元素：定義元素待選擇的選項(xiàng)购啄，屬性：
- disabled：規(guī)定此選項(xiàng)應(yīng)在首次加載時(shí)被禁用
-
label：定義當(dāng)使用** <optgroup>** 時(shí)所使用的標(biāo)注
Paste_Image.png - selected：規(guī)定選項(xiàng)（在首次顯示在列表中時(shí)）表現(xiàn)為選中狀態(tài)
- value：定義送往服務(wù)器的選項(xiàng)值
4.<textarea>元素：定義多行輸入字段（文本域）襟企，屬性：
- autofocus（H5）：規(guī)定在頁面加載后文本區(qū)域自動(dòng)獲得焦點(diǎn)
- cols：規(guī)定文本區(qū)內(nèi)的可見寬度
- disabled：規(guī)定禁用該文本區(qū)
- form（H5） ：規(guī)定文本區(qū)域所屬的一個(gè)或多個(gè)表單
- maxlength（H5） ：規(guī)定文本區(qū)域的最大字符數(shù)
- name：定義文本區(qū)域名稱
- placeholder（H5） ：規(guī)定描述文本區(qū)域預(yù)期值的簡(jiǎn)短提示
- readonly：規(guī)定文本區(qū)為只讀
- required（H5） ：規(guī)定文本區(qū)域是必填的
- rows：規(guī)定文本區(qū)內(nèi)的可見行數(shù)
- wrap（H5） ：規(guī)定當(dāng)在表單中提交時(shí)，文本區(qū)域中的文本如何換行
