H5新增form控件和表單屬性

第一個知識點：表單的屬性及總結

第二個知識點：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數字，若是不是就提交失敗

以上是本人的總結，後期若有更新會繼續完善，感謝每位朋友的到訪，但願此文章能對你學習H5有所幫。

若有疑問請聯繫：手機(微信同步)17812718961