html5中form控件和表單屬性的使用方法

這篇“html5中form控件和表單屬性的使用方法”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“html5中form控件和表單屬性的使用方法”文章吧。

第一個(gè)知識(shí)點(diǎn)：

我們常見的表單驗(yàn)證有哪些呢

text：　　文本框標(biāo)簽

password： 密碼框

checkbox： 多選框

radio：　　單選框

button：　　按鈕

submit：　　提交按鈕

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

第二個(gè)知識(shí)點(diǎn)：H5新的輸入型控件

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

1.當(dāng)輸入不是郵箱的時(shí)候，驗(yàn)證不通過

2.移動(dòng)端鍵盤會(huì)有變化

(二)tel:電話號(hào)碼

1.主要在移動(dòng)端，一個(gè)鍵盤的切換

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

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

(四)sear:搜索引擎

1.chrome下輸入文字后，會(huì)多出一個(gè)關(guān)閉的x

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

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

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

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

(七)color：顏色選擇器

(八)detetime顯示完整日期

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

默人為on，關(guān)閉提示選擇off

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

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

如果只寫第一個(gè)輸入框，第二個(gè)輸入框就會(huì)彈出“請(qǐng)?zhí)顚懘俗侄巍?/p>

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

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

以上就是關(guān)于“html5中form控件和表單屬性的使用方法”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。