站長資訊網(wǎng)
HTML中的contentEditable的屬性可以打開某些元素的可編輯狀態(tài)，也許你沒用過contentEditable屬性，甚至從未聽說過，contentEditable的作用相當(dāng)神奇，可以讓div或整個(gè)網(wǎng)頁，以及span等等元素設(shè)置為可寫。我們最常用的輸入文本內(nèi)容便是input與textarea，使用contentEditable屬性后，可以在div,table,p,span,body,等等很多元素中輸入內(nèi)容。
注： 當(dāng)元素中沒有設(shè)置 contenteditable 屬性時(shí)，元素將從父元素繼承。
瀏覽器支持
| 瀏覽器 | Chrome | Internet Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 版本 | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
注：contenteditable 屬性是 HTML5 新增的。
語法
<element contenteditable="true|false">
屬性值
| 值 | 描述 |
|---|---|
| true | 指定元素是可編輯的 |
| false | 指定元素是不可編輯的 |
示例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ContentEditable</title> </head> <body> <div contenteditable="true"> 你好！世界！ </div> </body> </html>
推薦教程：《HTML教程》
