1.背景介紹
表單在網(wǎng)頁(yè)中主要負(fù)責(zé)數(shù)據(jù)采集功能板鬓。一個(gè)表單有三個(gè)基本組成部分：
表單標(biāo)簽：這里面包含了處理表單數(shù)據(jù)所用CGI程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法。
表單域：包含了文本框、密碼框憔晒、隱藏域伶丐、多行文本框仿村、復(fù)選框掏秩、單選框或舞、下拉選擇框和文件上傳框等。
表單按鈕：包括提交按鈕哗讥、復(fù)位按鈕和一般按鈕嚷那；用于將數(shù)據(jù)傳送到服務(wù)器上的CGI腳本或者取消輸入胞枕，還可以用表單按鈕來(lái)控制其他定義了處理腳本的處理工作杆煞。
2.知識(shí)剖析-------常用表單元素
form 表示 HTML 表單
input 表示用來(lái)收集用戶輸入數(shù)據(jù)的控件
textarea 表示可以輸入多行文本的控件
select:定義一個(gè)選擇列表，即下拉列表腐泻。
option:定義下拉列表中的選項(xiàng)决乎。
optgroup:定義選項(xiàng)組。選項(xiàng)組內(nèi)需要放選項(xiàng)option派桩。下拉列表select通常對(duì)應(yīng)一個(gè)選項(xiàng)組构诚，故此標(biāo)簽不常用。
button 表示可用來(lái)提交或重置的表單按鈕(或一般按鈕)
label 表示表單元素的說(shuō)明標(biāo)簽
3.常用表單元素詳解
（1）form 表單解析
action 表單需要提交的頁(yè)面
method 表單需要提交的方式 get/post
name 表單名稱铆惑，建議書寫范嘱，用于程序識(shí)別表單
TARGET="..."指定提交的結(jié)果文檔顯示的位置：
_blank ：在一個(gè)新的、無(wú)名瀏覽器窗口調(diào)入指定的文檔员魏；
_self ：在指向這個(gè)目標(biāo)的元素的相同的框架中調(diào)入文檔丑蛤；
_parent ：把文檔調(diào)入當(dāng)前框的直接的父FRAMESET框中；這個(gè)值在當(dāng)前框沒有父框時(shí)等價(jià)于_self撕阎；
_top ：把文檔調(diào)入原來(lái)的最頂部的瀏覽器窗口中(因此取消所有其它框架)受裹；這個(gè)值等價(jià)于當(dāng)前框沒有你框時(shí)的_self.
（2）input 表單的屬性
autofocues 讓光標(biāo)聚焦在input上，可以讓用戶直接輸入
disable 禁用input,(禁止用戶輸入)
（3）button添加按鈕
button 按鈕的type 屬性有如下幾個(gè)值:
submit 表示按鈕的作用是提交表單,默認(rèn)
reset 表示按鈕的作用是重置表單
button 表示按鈕為一般性按鈕,沒有任何作用
（4）Type 表單元素(主要為 Input)的類型
input 表單的屬性用于 限制表單的內(nèi)容 + 表單的樣式
text 簡(jiǎn)單的文本框，input的默認(rèn)行為
(password 密碼框輸入的所有字符都會(huì)顯示星號(hào))
search 搜索框（search表單會(huì)顯示一個(gè)叉來(lái)取消搜索內(nèi)容）
number range 只能輸入數(shù)字的按鈕碧聪，range 用于設(shè)置數(shù)字范圍
checkbox 曲尸、radio 復(fù)選框今野，單選框
image 生成一個(gè)圖片按鈕
type="file"定義文件上傳框input type="file" name="myfile" size="15" maxlength="100"
4.編碼實(shí)戰(zhàn)
要提交數(shù)據(jù)的控件可以布局在form標(biāo)簽之外，看下面的代碼袜啃，表單元素可以寫到form元素之外，只需在元素中加入form="form1"屬性幸缕，也可提交到form元素指定的服務(wù)器地址
? 5.拓展思考? ? ? ? ? ? ?
? 還有哪些HTML5新增的表單元素? ?
email 類型用于驗(yàn)證email的格式囊骤，當(dāng)提交表單時(shí)會(huì)自動(dòng)驗(yàn)證email域的值? ? ?
url 類型用于驗(yàn)證 URL 地址的格式，當(dāng)提交表單時(shí)會(huì)自動(dòng)驗(yàn)證url域的值
number 類型會(huì)根據(jù)你的設(shè)置提供選擇數(shù)字的功能冀值，min屬性設(shè)置最小值也物、max屬性設(shè)置最大值，value屬性設(shè)置當(dāng)前值列疗，step屬性設(shè)定每次增長(zhǎng)的值滑蚯，某些瀏覽器還不支持
range 類型用于應(yīng)該包含一定范圍內(nèi)數(shù)字值的輸入域，其會(huì)以一個(gè)滑塊的形式展現(xiàn)抵栈，min屬性設(shè)置最小值告材、max屬性設(shè)置最大值，value屬性設(shè)置當(dāng)前值古劲，如果沒有設(shè)置斥赋，則其默認(rèn)值的范圍是1-100
search 類型用于搜索域，比如站點(diǎn)搜索或 Google 搜索产艾，為其加上results="s"屬性疤剑，則會(huì)在搜索框前面加上一個(gè)搜索圖標(biāo)
color類型會(huì)提供一個(gè)顏色拾取器，供用戶選擇顏色闷堡，并將用戶選擇的顏色填充到此元素
日期和時(shí)間類型：HTML5 擁有多個(gè)可供選取日期和時(shí)間的新輸入類型：
date - 選取日隘膘、月、年
month - 選取月杠览、年
week - 選取周和年
time - 選取時(shí)間（小時(shí)和分鐘）
datetime - 選取時(shí)間弯菊、日、月踱阿、年（UTC 時(shí)間）
datetime-local - 選取時(shí)間管钳、日、月软舌、年（本地時(shí)間）
6.參考文獻(xiàn)
參考一：HTML5中的表單元素（簡(jiǎn)書）
參考二：表單（百度文庫(kù)）
