小編給大家分享一下html5中新增的表單控件和屬性有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司IDC提供業(yè)務(wù):德陽機(jī)房托管,成都服務(wù)器租用,德陽機(jī)房托管,重慶服務(wù)器租用等四川省內(nèi)主機(jī)托管與主機(jī)租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機(jī)房,BGP機(jī)房,電信機(jī)房,移動(dòng)機(jī)房,聯(lián)通機(jī)房。

HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn)，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語言方式．被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。

HTML5是Web中核心語言HTML的規(guī)范，用戶使用任何手段進(jìn)行網(wǎng)頁瀏覽時(shí)看到的內(nèi)容原本都是HTML格式的，在瀏覽器中通過一些技術(shù)處理將其轉(zhuǎn)換成為了可識(shí)別的信息。HTML5在從前HTML4.01的基礎(chǔ)上進(jìn)行了一定的改進(jìn)，雖然技術(shù)人員在開發(fā)過程中可能不會(huì)將這些新技術(shù)投入應(yīng)用，但是對(duì)于該種技術(shù)的新特性，網(wǎng)站開發(fā)技術(shù)人員是必須要有所了解的。

新的輸入性表單控件：

• email：電子郵箱文本框,跟普通的沒什么區(qū)別

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

• - 移動(dòng)端的鍵盤會(huì)發(fā)生變化

• tel：電話號(hào)碼

• url：網(wǎng)頁的URL

• search：搜索引擎

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

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

• - min、max、step(步數(shù))

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

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

• - 輸入框末尾有兩個(gè)箭頭 上為加 下為減

• color：顏色選擇器

• - 點(diǎn)擊顯示顏色版

• datetime：顯示完整日期

• - 類似select選擇樣式

• datetime-local：顯示完整日期， 不包含時(shí)區(qū)

• time：顯示時(shí)間，不含時(shí)區(qū)

• date：顯示日期{年月日}

• week：顯示周{年月日周}

• mouth：顯示月{年月}

新的表單特性和函數(shù)

• placeholder：輸入框提示信息

• - 例子：微博的密碼框提示

• autocomplete

• - 默認(rèn)為on，關(guān)閉提示選擇off

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

• list和datalist：為輸入框構(gòu)造一個(gè)選擇列表

• - list值為datalist標(biāo)簽的id

• required：此選項(xiàng)必填， 不能為空

• Pattern：正則驗(yàn)證

• - pattern=“\d{1,5}”

• Formaction在submit里定義提交地址

//  required 和 pattern 具有安全隱患 如果在控制臺(tái)修改input的pattern和required 那么就可以破除校驗(yàn)

// 如果用戶在某個(gè)頁面輸入相當(dāng)多的數(shù)據(jù)，臨時(shí)有事需要離開一段時(shí)間，此時(shí)數(shù)據(jù)應(yīng)該保存至草稿箱，那么同一個(gè)form表單下，將會(huì)有兩個(gè)不同地址的sumbit提交 ope瀏覽器已支持 其余瀏覽器可能不支持

  
  
  

以上是“html5中新增的表單控件和屬性有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！