HTML · Global attributes

contenteditable

Makes an element’s content editable by the user. Add role="textbox" and a label for custom editors.

htmlRunnable example html course

Syntax

contenteditable="true"

Example

Try it

<div contenteditable="true" role="textbox" aria-label="Notes">Edit this note…</div>

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.