首頁 >web前端 >html教學 >HTML 之 ContentEditable 屬性

HTML 之 ContentEditable 屬性

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

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中文網其他相關文章!

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