contenteditable
Das contenteditable
globale Attribut ist ein aufgezähltes Attribut, das angibt, ob das Element vom Benutzer bearbeitbar sein soll. Ist dies der Fall, modifiziert der Browser sein Widget, um die Bearbeitung zu ermöglichen.
Probieren Sie es aus
Wert
Das Attribut muss einen der folgenden Werte annehmen:
true
oder ein leerer String, was anzeigt, dass das Element bearbeitbar ist.false
, was anzeigt, dass das Element nicht bearbeitbar ist.plaintext-only
, was anzeigt, dass der Rohtext des Elements bearbeitbar ist, aber die Formatierung mit Rich Text deaktiviert ist.
Wird das Attribut ohne einen Wert angegeben, wie z.B. <label contenteditable>Example Label</label>
, wird sein Wert als leerer String behandelt.
Fehlt dieses Attribut oder ist sein Wert ungültig, wird sein Wert von seinem Elternelement geerbt: Das Element ist bearbeitbar, wenn sein Elternelement bearbeitbar ist.
Beachten Sie, dass obwohl die erlaubten Werte true
und false
beinhalten, dieses Attribut ein aufgezähltes und kein Boolean-Attribut ist.
Sie können die Farbe, die zum Zeichnen der Texteingabemarkierung (caret) verwendet wird, mit der CSS-Eigenschaft caret-color
festlegen.
Elemente, die durch das contenteditable
Attribut bearbeitbar und somit interaktiv gemacht werden, können fokussiert werden. Sie nehmen an der sequentiellen Tastaturnavigation teil. Allerdings werden Elemente mit dem contenteditable
Attribut, die innerhalb anderer contenteditable
Elemente verschachtelt sind, standardmäßig nicht zur Tabulatorsequenz hinzugefügt. Sie können die verschachtelten contenteditable
Elemente zur Tastaturnavigationssequenz hinzufügen, indem Sie den tabindex
Wert festlegen (tabindex="0"
).
Spezifikationen
Specification |
---|
HTML Standard # attr-contenteditable |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Alle globalen Attribute
HTMLElement.contentEditable
undHTMLElement.isContentEditable
- Die CSS-Eigenschaft
caret-color
- HTMLElement
input
Ereignis