首先先說壹個html5中表單新增的壹個功能，在我們之前的html中，表單元素必須放在form元素所包含的裏面，在html5中，可以把他們寫在頁面上的任何壹個地方，然後給該元素增加壹個form屬性，form屬性的值為form表單的id，如下：
[html]?view plain?copy
<form?method="get"?id="test"> ?
<input?type="text"?name="name"/>
<input?type="password"?name="password"/> ?
<input?type="submit"?value="提交">
</form>
<input?type="text"?name="confirm"?form="test">
在form元素裏面的表單元素可以不用添加form屬性，如果妳想利用form獲取所有表單元素的值，那麽在form元素外面的表單元素就必須添加form屬性，input、select、textarea等元素都滿足該功能。
接下來開始介紹html5新增的表單元素，所有例子均用谷歌瀏覽器展示。
新增表單元素
email：提交表單的時候驗證輸入值是否滿足email的格式
<input type="email" name="email"/>
url：提交表單的時候驗證輸入值是否滿足url的格式
<input type="url" name="url"/>
number：根據妳的設置提供選擇數字的功能，其中min為最小值，max為最大值，value為默認值，step為點擊箭頭時數字的變化量，max、min、step、value均可不寫，目前某些瀏覽器還不支持。
<input type="number" name="number" min=2 max=100 step=5 value="15"/>
range：會以壹個滑塊的形式表現包含壹定範圍內數字值的輸入域，max為最大值，min為最小值，value為默認值，如果沒有設置max和min，默認值是1-100
<input type="range" name="range" min=20 max=200 value="60"/>
日期和時間類型：
date：選取日、月、年
<input type="date" name="date"/>
month：選取月、年
<input type="month" name="month"/>
week：選取周、年
<input type="week" name="week"/>
time：選取小時、分鐘
<input type="time" name="time"/>
datetime：選取時間、日、月、年(UTC時間)（我這裏瀏覽器顯示不出效果）
<input type="datetime" name="datetime"/>
datetime-local：選取時間、日、月、年(本地時間)
<input type="datetime-local" name="datetime-local"/>
search：用於搜索域，若加上result="s"屬性，則會在搜索框前面加壹個搜索圖標（我這裏瀏覽器顯示不出效果）
<input type="search" name="search" result="s"/>
tel：驗證輸入的是否是電話號碼的格式（我這裏瀏覽器顯示不出效果）
<input type="tel" name="tel" />
color：color類型會提供顏色拾取器，供用戶選擇顏色，並將用戶選擇的顏色填充到此元素中
<input type="color" name="color"/>
新增input屬性(部分容易理解的就不進行代碼演示了)，後面為支持該屬性的元素
autofocus：在打開頁面時使元素自動獲取焦點 //input,button,select,textarea
placeholder:?在用戶輸入時進行提示 // input,textarea
form：這篇文章的開頭就有這個屬性，它用於表明元素屬於哪個表單，無論元素的位置在哪裏，所屬表單都能獲取該元素的值 ?//input,output,button,select,textarea,fieldset
required：表明該元素是必填項，當提交表單的時候會自動驗證該元素的內容是否不為空 ?//input,textarea
max/min/step：限制值的輸入範圍，以及值的變化程度。上面的新增number元素有介紹。 //input
autocomplete：使form元素或者input元素擁有自動完成功能，既記錄用戶之前輸入的值，關閉為off，默認為on。 //form,input
表單重寫屬性： //input
formaction:重寫表單的action屬性 ?
formenctype:重寫表單的enctype屬性。
enctype屬性管理的是表單的MIME編碼，MIME就是壹種電子郵件傳輸的互聯網標準，表明傳遞的信息類型和編碼，***有三個值可選：
1，application/x-www-form-urlencoded（默認），設置表單傳輸的編碼。
2，multipart/form-data，指定傳輸數據的特殊類型，主要就是上傳的非文本內容，比如文件、圖片。
3，text/plain，純文本傳輸。
formmethod: 重寫表單的method屬性
formnovalidate:重寫表單的novalidate屬性
formtarget：重寫表單的target屬性。
比如:
[html]?view plain?copy
<form?action="test.html"?method="get"?autocomplete="on">
姓名:?<input?type="text"?name="name"?/><br?/>
密碼:?<input?type="password"?name="pwd"?/><br?/>
<input?type="submit"?formnovalidate="true"?value="提交未經驗證"/>
</form>
multiple:規定輸入字段可選擇多個值 //input,select
list：list屬性的值為datalist元素的id，datalist元素類似於選擇框，在文本框獲得焦點的時候以提示輸入的方式顯示。如下：?
[html]?view plain?copy
姓名：<input?type="text"?name="name"?list="name"/>
<datalist?id="name"?>
<option?value="zhangsan">張三</option>
<option?value="lisi">李四</option>
<option?value-"wanger">王二</option>
</datalist>
pattern:驗證input輸入域的格式，即正則表達式。
<input type="text" name="name" pattern="[A-z0-9]{8}"/>