第一個知識點：表單的屬性及總結
第二個知識點：H5新增的表單控制項和屬性以及總結
第一個知識點：我們常見的表單驗證有哪些呢
text 文字方塊標籤
password 密碼框
checkbox 多選框
radio 單選框
button 按鈕
submit 提交按鈕
以上是我們常用的一些form屬性
第二個知識點：H5新的輸入型控件(一)email:電子郵件框，跟普通的沒什麼差別
1.輸入不是郵箱的時候，驗證不通過
2.行動端鍵盤會有變化
(二)tel:電話號碼
1.主要在移動端，一個鍵盤的切換
(三)url:網頁的URL
輸入正確的網址
(四)sear:搜尋引擎
1.chrome下輸入文字後，會多出一個關閉的x
(五)range:特定範圍內的數值選擇器
1.min、max、step（步數）
2.例：用js顯示目前數值
(六)number：只能包含數字的輸入框
(七)color：顏色選擇器
(八)detetime顯示完整日期
(九)autocomplete：是否儲存使用者輸入值
默人為on，關閉提示選擇off
(十)：指定表單取得輸入焦點
(十一)：此項必填，不能為空
如果只寫第一個輸入框，第二個輸入框就會彈出請填寫此字段
(十二)parrern：正規驗證pattrn=/d{1,5}
我設定的正則是1-5數字，如果不是就提交失敗
總結以上所述是小編給大家介紹的HTML5新增form控制項和表單屬性實例程式碼詳解，希望對大家有幫助，如果大家有任何疑問歡迎給我留言，小編會及時回覆大家的！