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

 

作者:晉飛翔
手機號(微信同步):17812718961
希望本篇文章 能給正在學習 前端的朋友 或 以及工作的朋友 帶來收獲 不喜勿噴 如有建議 多多提議 謝謝!!!

  

 

 

 

 

 

  

 

 

 

  

  

 

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM