這篇文章主要介紹了html5中新增加的屬性有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

泰安網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),泰安網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為泰安成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的泰安做網(wǎng)站的公司定做！

html5中新增加的屬性有：placeholder、calendar、Draggable、autocomplete、novalidate、autofocus、override、list、multiple、pattern、required等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html5中新增的屬性

• placeholder

• calendar

• contentEditable(來(lái)描述標(biāo)簽中的內(nèi)容是否可編輯)

• Draggable

• Hidden

• Context-menu

• Data-val(自定義屬性)

• autocomplete

• novalidate

• autofocus

• override

• list

• multiple

• pattern

• required

html5中新增兩個(gè)表單屬性，分別autocomplete和novalidate屬性

1.autocomplete屬性

該屬性用于控制自動(dòng)完成功能的開(kāi)啟和關(guān)閉。可以設(shè)置表單或者input元素，有兩個(gè)屬性值，當(dāng)設(shè)置為on時(shí)，啟動(dòng)該功能；當(dāng)設(shè)置off時(shí)，關(guān)閉該功能。啟用該功能后，當(dāng)用戶(hù)在自動(dòng)完成域開(kāi)始輸入時(shí)，瀏覽器就會(huì)在該域中顯示填寫(xiě)的選項(xiàng)。用戶(hù)每提交一次，就會(huì)增加一個(gè)用于選擇的選項(xiàng)

    
    


   
      請(qǐng)輸入：

       
   

2.novalidate屬性

input輸入類(lèi)型，當(dāng)提交表單時(shí)，會(huì)對(duì)這些輸入內(nèi)容進(jìn)行驗(yàn)證。而novalidate屬性則用于在提交表單時(shí)不對(duì)form或input進(jìn)行驗(yàn)證：

  E-mail:  
  

新增的input屬性

1.autofocus屬性

autofocus屬性用于自動(dòng)獲取焦點(diǎn)。在html5中input元素設(shè)置該屬性后，當(dāng)頁(yè)面加載時(shí)，input元素會(huì)自動(dòng)獲得光標(biāo)焦點(diǎn)。

2.form屬性

form屬性用于設(shè)置input元素屬于哪個(gè)表單。在html4中，表單中的所以元素都必須在這個(gè)表單的開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間，而在html5中，如果要將表單開(kāi)始和結(jié)束標(biāo)簽之外的元素歸屬到該表單，只需要設(shè)置form屬性

    
    



    常用地址：
    


臨時(shí)地址：

在設(shè)置form屬性時(shí)，需要知道表單的id屬性值，并將form屬性的值也設(shè)置成表單id的屬性值

3.表單重寫(xiě)屬性override

override屬性用于重寫(xiě)表單元素的某些屬性，在html5中，可以重寫(xiě)的表單屬性有formaction、formmethod、formenctype、formnovalidate和formtarget，這些屬性分別用于重寫(xiě)表單的action、enctype、method、novalidate和target屬性

    
    


    
        用戶(hù)名：
        

        
    

第一個(gè)input元素會(huì)將輸入的數(shù)據(jù)提交a.jsp頁(yè)面，而第二個(gè)input元素設(shè)置formaction屬性，重寫(xiě)了action屬性，設(shè)置提交頁(yè)面到b.jsp頁(yè)面

4.list屬性：

list屬性用于設(shè)置輸入域的datalist元素，為list屬性設(shè)置datalist的id屬性值，可以將datalist元素與input元素相關(guān)聯(lián)：

list屬性適應(yīng)于以下類(lèi)型的input元素：text、search、url、telephone、email、date、 pickers、number、range和color；

5.multiple屬性

multiple屬性用于設(shè)置input元素是否可以有多個(gè)值。該屬性只適用于email和file類(lèi)型的input元素。如果給email類(lèi)型的input元素設(shè)置multiple屬性，那么在輸入框中可以輸入多個(gè)email地址，多個(gè)email地址之間用逗號(hào)隔開(kāi)。

如果給file類(lèi)型的input元素設(shè)置multiple屬性，那么在打開(kāi)的選擇文件對(duì)話(huà)框中就可以選擇對(duì)個(gè)文件

E-mail：
File：

6.pattern正則表達(dá)式

正則表達(dá)式由一系列字符和數(shù)字組成，用于匹配某個(gè)句法規(guī)則。該屬性適應(yīng)于text、search、url、telephone、email和password類(lèi)型的input元素

    
    



    
    以字母開(kāi)頭，6-16位
    

7.設(shè)置input元素在內(nèi)容為空時(shí)的提示信息，placeholder屬性

在頁(yè)面中有一個(gè)文本輸入框，但是不知道應(yīng)該輸入什么內(nèi)容時(shí)。

8.提交為空時(shí)提醒 required屬性

用戶(hù)必須填寫(xiě)內(nèi)容才能提交，為空時(shí)提交不上

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html5中新增加的屬性有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!