contenteditable
**contenteditable** 全域性屬性 是一個列舉屬性,指示元素是否應該由使用者編輯。如果是,則瀏覽器會修改其視窗小部件以允許編輯。
試試看
值
該屬性必須採用以下值之一
true或空字串,表示元素可編輯。false,表示元素不可編輯。plaintext-only,表示元素的原始文字可編輯,但停用富文字格式。
如果該屬性在沒有值的情況下給出,例如 <label contenteditable>Example Label</label>,則其值被視為空字串。
如果此屬性缺失或其值無效,則其值將從其父元素繼承:因此,如果其父元素可編輯,則該元素可編輯。
請注意,儘管其允許的值包括 true 和 false,但此屬性是列舉屬性,而不是布林屬性。
您可以使用 CSS caret-color 屬性設定用於繪製文字插入插入點的顏色。
使用contenteditable屬性使元素可編輯,從而使其具有互動性,這些元素可以獲得焦點。它們參與順序鍵盤導航。但是,預設情況下,巢狀在其他contenteditable元素內的具有contenteditable屬性的元素不會新增到選項卡順序中。您可以透過指定tabindex值(tabindex="0")將巢狀的contenteditable元素新增到鍵盤導航順序中。
規範
| 規範 |
|---|
| HTML 標準 # attr-contenteditable |
瀏覽器相容性
BCD 表格僅在瀏覽器中載入