第一：新的input type
我們熟悉的原來表單1.0的input type有：
文字輸入框
密碼輸入框
核取方塊單選框
檔案選擇框
隱藏框提交按鈕框
重置按鈕框
普通按鈕框
.......
表單2.0中新出的10個input type屬性有：
以下詳細介紹各自的含義和功能：
：在表單提交時提供了格式驗證功能，要求@左右各有乙個字元即可，錯誤提示資訊可以定製，但外觀無法定製（是視窗）
number：呈現乙個數字輸入框，在提交時會驗證數字格式，使用min、max、step指定最小值、最大值、步長
url：提供了url驗證輸入框，只要滿足字母+冒號即可
tel：提供了**號碼輸入框，在手機瀏覽器中會彈出數字模擬鍵盤
search：顯示乙個搜尋框，在手機瀏覽器中會在模擬鍵盤右下角顯示「搜尋」按鈕
range：顯示為乙個滑塊元件(數值選擇元件)，使用min、max、step指定最小值、最大值、步長
color：顯示乙個顏色選擇器
date：顯示乙個日期選擇器
month：顯示乙個月份選擇器
week：顯示乙個星期選擇器
**如下：
效果如下：
第二：新的表單元素
表單1.0中的表單元素有：
輸入框
選擇框文字域輸入框
按鈕.....
表單2.0中新增的4個表單元素：
***x
資料列表
進度條刻度尺、刻度條
輸出框
以下詳細介紹各自的含義和功能：
(1)datalist
：資料列表
可用於為另乙個輸入框提供靜態的輸入建議
id="my-list">
***x
list="my-list">
(2)progress
：進度條
用於顯示某個過程的進度資訊，若不指定value，則左右無限滾動；若指定了value，則固定為指定的值
(3)meter
：刻度尺、度量衡
通過不同的顏色顯示指定的數值在哪個範圍「最優」-「合理」-「危險」範圍：
最優值在上下限之間：黃-綠-黃
最優值在下限之下：綠-黃-紅
最優值在上限之上：紅-黃-綠
min="0" max="100" low="30" high="70" optimum="50" value="60">
min：最小值
max：最大值
low：合理值中最低限度
high: 合理值中最高限度
optimum:最合適的值
value：當前值
(4)output：輸出
外觀效果與普通的span一樣。是語義標籤，表示此處的內容是乙個計算後的結果的輸出。一般可以使用js根據其它輸入域值的改變修改output中的內容。
小計：￥30.00
**如下：
注意：以上表單新元素，僅用於資料展示，不能被提交！
第三：新的表單屬性
表單1.0的表單屬性：
id 唯一標示
style 樣式
title 標題
class 類
name 名稱
value 值
type 型別
checked 預設被選中
selected 預設被 選中
disabled 禁止使用
......
表單2.0新增的11個表單屬性：
placeholder 佔位符
autofocus 自動獲得焦點
autocomplete 是否啟用自動補全
multiple 多個、多項
form 表單
required 必填
min 最小值
max 最大值
minlength 最小長度
maxlength 最大長度
pattern 正則樣式
以下詳細介紹各自的含義和功能：
(1)placeholder：佔位符
用於在輸入框中顯示提示性文字，與value不同，value是可以被提交到伺服器的，而placeholder不會被提交
(2)autofocus：自動獲得輸入焦點
指定當前元素獲得輸入焦點
(3)autocomplete
：是否啟用自動補全功能
autocomplete="off">(4
)multiple
：多個/多項
用於指定input type="file/email"可以有多個輸入項，使用英文逗號分隔(5
)form
：表單用於指定當前元素(放在表單外部)從屬於哪個表單
form="f1">(6
)required
：必填指定當前輸入域內容不能為空(7
)minlength：最小長度
限定當前輸入域中字元最少個數(8
)maxlength：最大長度
限定當前輸入域中字元最大個數
(9)min
：最小值
限定當前數字輸入域中數值最小值
(10)max
：最大值
限定當前數字輸入域中數值最大值
(11)pattern
：（正則）樣式
限定當前輸入域中必須輸入符合指定正規表示式的值
pattern="1[3578]\d">
注意：min/max 與minlength/maxlength的區別：min/max是數字域上的限制，只能限制數字的大小，而minlength/maxlength是文字域上的限制，是限制字元長度的
**如下：
瘋狂html5講義（一） HTML5簡介
1.在html發展歷史中，最廣為人知的是html3.2和html4.01.2.將html與xml的長處加以結合,從而得到xhtml,xhtml是更嚴格 更純淨的html 3.w3c組織使用dtd document type definition，文件型別定義 來定義html和xhtml的語義約束，包...
HTML5智慧型表單
1 便於排版的form表單 html5為了方便排版，可以使form的表單標籤脫離form的巢狀。方法 form指定id，所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...
HTML5表單屬性
1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性，定義了表單的提交方式，覆蓋了form元素的method屬性 8 input form...