HTML5中新增的元素屬性 全局屬性

全局屬性的概念是在HTML5中才出現(xiàn)的。所謂全局屬性，是指可以對(duì)任何元素都使用的屬性。

1.contentEditable屬性

    contemEditable屬性是由微軟開(kāi)發(fā)，被其他瀏覽器反編譯并投入應(yīng)用的一個(gè)全局屬性。使用該屬性可以允許用戶編輯元素中的內(nèi)容，并且被編輯元素必須是可以獲得鼠標(biāo)焦點(diǎn)的元素，而且在單擊后要向用戶提供一個(gè)插入符號(hào)，提示用戶該元素中的內(nèi)容允許編輯。

    contentEditable屬性是一個(gè)布爾值屬性，可以被指定為true或false。另外，該屬性還有一個(gè)隱藏的inherut (繼承）狀態(tài)。當(dāng)屬性為true時(shí)，元素被指定為可編輯；當(dāng)屬性為false時(shí)，元素被指定為不允許編輯；未指定true或false時(shí)，則由inherit狀態(tài)來(lái)決定。當(dāng)列表元素被加上contentEditable屬性后，該元素就變成可編輯的了。

    在編輯完元素中的內(nèi)容之后，如果想要保存其中的內(nèi)容，只需要把該元素的innerHTML發(fā)送到服 務(wù)器端進(jìn)行保存即可。因?yàn)楦淖冊(cè)貎?nèi)容后，該元素的inner HTML內(nèi)容也會(huì)隨之改變，目前還沒(méi)有特別的API用于保存編輯后元素中的內(nèi)容。

2.designMode屬性

designMode屬性用來(lái)指走整個(gè)頁(yè)面是否可編輯。當(dāng)頁(yè)面可編輯時(shí)，頁(yè)面中任何支持上文所述的contentEditable屬性的元素都變成了可編輯狀態(tài)。design Mode屬性只能在JavaScript腳本里被編輯修改，該屬性有on和off兩個(gè)值a當(dāng)屬性值被指定為on時(shí)，頁(yè)面可編輯；被指定為off時(shí)，頁(yè)面不可編輯。 針對(duì)designMode屬性，各瀏覽器支持情況如下所示：

IE8瀏覽器，不支持此屬性。

IE9瀏覽器，允許使用該屬性。

Rirefox和Opera瀏覽器，兩個(gè)瀏覽器都允許使用該屬性。

3.hidden屬性

在HTML5中，使用hidden屬性可以通知瀏覽器不渲染input元素，使input元素處于不可見(jiàn)狀態(tài)。 但是元素中的內(nèi)容還是瀏覽器創(chuàng)建的，也就是說(shuō)頁(yè)面裝載后允許使用JavaScript腳本將該屬性取消。 取消后該元素變?yōu)榭梢?jiàn)狀態(tài)，同時(shí)元素中的內(nèi)容也及時(shí)顯示出來(lái)。Hidden屬性是一個(gè)布爾值的屬性。 當(dāng)屬性值設(shè)置為true時(shí)，元素處于不可見(jiàn)狀態(tài)；當(dāng)值設(shè)置為false時(shí)，元素處于可見(jiàn)狀態(tài)。

4.spellcheck屬性

spellcheck屬性是HTML5中針對(duì)input(type=text)和textarea這兩個(gè)文本輸入框提供的一個(gè)新屬性，spellcheck屬性能夠?qū)τ脩糨斎氲奈谋緝?nèi)容進(jìn)行拼寫(xiě)和語(yǔ)法檢查。該屬性是一個(gè)布爾值的屬性，具有true和false兩種值。在應(yīng)用該屬性時(shí)，必須明確屬性值為true或false,其書(shū)寫(xiě)格式如下：

<!--以下寫(xiě)法都是正確的-->

<input type="text" spellcheck="true">

<textarea spellcheck="false" name="" id="" cols="30" rows ="10"></textarea> 

<!--以下寫(xiě)法是錯(cuò)誤的-->

<input type="text" spellcheck〉