HTML5-全局變量


在HTML5新增了一個新的概念是“全局屬性”。全局變量是指可以對任何元素都可以使用的屬性。

在這里也跟介紹幾個:

1、contentEditable屬性

該屬性的主要功能是允許用戶可以編譯元素中的內容,所以該元素必須是可以獲取焦點的元素(可以在點擊鼠標后,可以提供出一個插入符號,提示該元素中的內容是允許編輯)。

contentEditable是一個布爾的屬性值,可以被指定為true或是false。除此之外該屬性還有一個隱藏的inhert(繼承)狀態,屬性為true時,該元素是可以編輯的;為false時,意味着不可以編輯。未指定true和false時,則有inherit狀態來決定,如果元素的父元素是可以編輯的,那么該元素是可以編譯的。

還存在一個isContentEditable屬性。意義是一樣的。

<!DOCTYPE HTML>

<head>

<meta charset="utf-8">

<title>contentEditable實例</title>

</head>

<ul contentEditable=true>

<li>可編輯元素一</li>

<li>可編輯元素二</li>

<li>可編輯元素三</li>

</ul>

這里給一下支持這個屬性的元素:

defaults,A,ABBR,ACRONYM,ADDRESS,B,BDO,BIG,BLOCKQUOTE,BODY,BUTTON,CENTER,CITE,CODE,CUSTOM,DD,DEL,DFN,DIR,DIV,DL,DT,EM,FIELDSET,FONT,FORM,hn,I,INPUT type=button,INPUT type=password,INPUT TYPE=radio,INPUT TYPE=reset,input type=submit,input type=text,INS,ISINDEX,KBD,LABEL.

現在只是可以編輯元素,但是如何保存還不知道?一個問題繼續跟進。

 2、designMode屬性

designMode屬性用來指定整個頁面是否可以編輯,當頁面可編輯時,頁面中任何支持contentEditable屬性的元素都變成了可以編輯狀態。designMode屬性只能在javascript腳本里被編輯修改。該屬性有兩個值--on和off。

designMode這個是document的屬性,意思是設這或獲取表明文檔是否可被編輯的值。

3、hidden 屬性

在HTML5中,所有的元素都被允許使用一個hidden元素,意思是告訴瀏覽器不渲染該元素,使該元素處於不可見狀態。但是該元素的內容還是被瀏覽器創建的,也就是說頁面裝載后允許使用javascript腳本將該屬性取消,取消后該元素變為了可見狀態,同時元素中的內容也隨時顯示出來。hidden也是一個boolean值,為true意味着不可見。

4、spellcheck屬性

Spellcheck是html針對input和textarea這兩個文本輸入框提供的一個新屬性,它的功能為對用書輸入的文本內容進行拼寫和語法檢查。spellcheck屬性是一個boolean值。

<input spellcheck=true></input>

<textarea spellcheck=false></textarea>

需要注意的一點是如果元素的readOnly屬性或disabled屬性設為true,則不執行編寫檢查。

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM