html5中form控件和表單屬性有哪些使用方法？使用方法案例代碼詳解！

今天我們來學習有關于：“html5中form控件和表單屬性有哪些使用方法？使用方法案例代碼詳解！”這個問題的相關內(nèi)容，下面小編整理的相關內(nèi)容，希望對大家的學習有所幫助！

第一個知識點：表單的屬性及總結(jié)

第二個知識點：H5新增的表單控件和屬性以及總結(jié)

第一個知識點：

我們常見的表單驗證有哪些呢

text：　　文本框標簽

password： 密碼框

checkbox： 多選框

radio：　　單選框

button：　　按鈕

submit：　　提交按鈕

以上是我們常用的一些form屬性

第二個知識點：H5新的輸入型控件

(一)email:電子郵箱文本框，跟普通的沒什么區(qū)別

1.當輸入不是郵箱的時候，驗證不通過

2.移動端鍵盤會有變化

(二)tel:電話號碼

1.主要在移動端，一個鍵盤的切換

(三)url:網(wǎng)頁的URL

輸入正確的網(wǎng)址

(四)sear:搜索引擎

1.chrome下輸入文字后，會多出一個關閉的x

(五)range:特定范圍內(nèi)的數(shù)值選擇器

1.min、max、step（步數(shù)）

2.例子：用js來顯示當前數(shù)值

(六)number：只能包含數(shù)字的輸入框

(七)color：顏色選擇器

(八)detetime顯示完整日期

(九)autocomplete：是否保存用戶輸入值

默人為on，關閉提示選擇off

(十)：指定表單獲取輸入焦點

(十一)：此項必填，不能為空

如果只寫第一個輸入框，第二個輸入框就會彈出“請?zhí)顚懘俗侄巍?/p>

(十二)parrern：正則驗證 pattrn="d{1,5}"

我設置的正則是1-5數(shù)字，如果不是就提交失敗

總結(jié)

以上就是有關于：“html5中form控件和表單屬性有哪些使用方法？使用方法案例代碼詳解！”這方方面的相關內(nèi)容分享，更多有關于html5這方面的相關內(nèi)容我們都可以在W3Cschool中進行學習和了解！