第一個知識點:表單的屬性及總結
第二個知識點: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
作者:晉飛翔
手機號(微信同步):17812718961
希望本篇文章 能給正在學習 前端的朋友 或 以及工作的朋友 帶來收獲 不喜勿噴 如有建議 多多提議 謝謝!!!