首頁 > 文章 > web前端 > HTML 之 ContentEditable 屬性

HTML 之 ContentEditable 屬性

Guanhui原創: 2020-05-22 09:59:073256瀏覽

HTML 之 ContentEditable 屬性 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">

屬性值

##值描述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 之 ContentEditable 屬性

#推薦教學：《

HTML教學》

以上是HTML 之 ContentEditable 屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 html 继承 input table

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：HTML怎麼實作下拉選單下一篇：HTML怎麼實作下拉選單

看更多