HTML5的contenteditable屬性解析

這篇文章主要介紹了關於HTML5的contenteditable屬性解析，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

背景

今天在項目開發過程中透過介面拿到了第三方傳回的dom節點，結果發現展示到頁面上會出現編輯框，然後查看了程式碼發現該標籤內新增了contenteditable = true屬性，由於之前沒有用到過這個屬性，遂上網查了一下。

學習

• 定義：contenteditable屬性規定是否可編輯元素的內容。

• 語法：

  <element contenteditable="value">注：value的取值有三种，true（可编辑）、false（不可编辑）、classname（继承父元素的 contenteditable 属性）

• 實例：

  <p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>

• ##相容性：基本上相容於所有瀏覽器。

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

CSS的變數variable的解析

#CSS的positon屬性的分析

HTML5 實作存取本機檔案的方法
#

以上是HTML5的contenteditable屬性解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！