contentEditable html5開發中的一個屬性。設置html的contentEditable=‘true'時,即可開啟該元素的編輯模式。
Html中的contentEditable的屬性可以打開某些元素的可編輯狀態.也許你沒用過contentEditable屬性.甚至從未聽說過.contentEditable的作用相當神奇.可以讓div或整個網頁,以及span等等元素設置為可寫。我們最常用的輸入文本內容便是input與textarea 使用contentEditable屬性后,可以在div,table,p,span,body,等等很多元素中輸入內容.
如果想要整個網頁可編輯,請在body標簽內設置contentEditable
contentEditable已在html5標準中得到有效的支持。
在IE8下設置表格可寫不支持,其他元素沒有問題。在FireFox運行一切正常。谷歌瀏覽器運行一切正常
使用方法
html中;
js 中 document.all("txt").contentEditable =true;
應用
前段UI的美化,表單元素通過css樣式不一定能達成設計師的要求,通過開啟 div p span等元素的contentEditable,來實現表單元素的功能(需要js搭配)。
舉例:
用于在textarea中除ie外不能插入圖片。
hubro
編輯本段HTML5中的解釋與規定
contenteditable是一個枚舉類型的屬性,可供選擇的值有 空字符串、 true、false 或 inherit(默認)。
當為空字符串時,效果和true一致。
當一個元素的contenteditable狀態為ture(contenteditable屬性為空字符串,或為true,或為inherit且其父元素狀態為true)時,意味著該元素是可編輯的。
否則,該元素不可編輯。
注意:html5開發與HTML4的不同,對于contentEditable html5開發是趨于xhtml,使用的是全小寫contenteditable,而HTML4 使用的是contentEditable
想要了解更多有關html5開發的知識可以查詢天地會。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。