contenteditable

**contenteditable** 全域性屬性 是一個列舉屬性,指示元素是否應該由使用者編輯。如果是,則瀏覽器會修改其視窗小部件以允許編輯。

試試看

該屬性必須採用以下值之一

  • true空字串,表示元素可編輯。
  • false,表示元素不可編輯。
  • plaintext-only,表示元素的原始文字可編輯,但停用富文字格式。

如果該屬性在沒有值的情況下給出,例如 <label contenteditable>Example Label</label>,則其值被視為空字串。

如果此屬性缺失或其值無效,則其值將從其父元素繼承:因此,如果其父元素可編輯,則該元素可編輯。

請注意,儘管其允許的值包括 truefalse,但此屬性是列舉屬性,而不是布林屬性。

您可以使用 CSS caret-color 屬性設定用於繪製文字插入插入點的顏色。

使用contenteditable屬性使元素可編輯,從而使其具有互動性,這些元素可以獲得焦點。它們參與順序鍵盤導航。但是,預設情況下,巢狀在其他contenteditable元素內的具有contenteditable屬性的元素不會新增到選項卡順序中。您可以透過指定tabindex值(tabindex="0")將巢狀的contenteditable元素新增到鍵盤導航順序中。

規範

規範
HTML 標準
# attr-contenteditable

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱