HTML中的contentEditable的屬性可以開啟某些元素的可編輯狀態,也許你沒用過contentEditable屬性,甚至從未聽說過,contentEditable的作用相當神奇,可以讓div或整個網頁,以及span等等元素設定為可寫入。我們最常用的輸入文字內容就是input與textarea,使用contentEditable屬性後,可以在div,table,p,span,body,等等很多元素中輸入內容。
註: 當元素中沒有設定 contenteditable 屬性時,元素將從父元素繼承。
瀏覽器支援
瀏覽器 | Chrome | Internet Explorer | Firefox | Safari | Opera |
---|---|---|---|---|---|
#版本 | 11.0 | 5.5 | 3.0 | 3.2 | 10.6 |
#附註:contenteditable 屬性是HTML5 新增的。
語法
<element contenteditable="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教學》
以上是HTML 之 ContentEditable 屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!