HTML attribute contenteditable makes an element editable. Few things to note about attribute contenteditable
Its value can be empty string, true or false. Empty string is treated as true.
It is inherited by default. So missing value will inherit the value from parent container.
Example – contenteditable div
<style>
div {
background-color: lightgreen; margin: 2px;
}
</style>
<div contenteditable="true">
This is editable content in a div
</div>
<div contenteditable="false">
This is non editable content in a div
</div>
<style>
span {
background-color: lightgreen; margin: 2px;
}
</style>
<span contenteditable="true">
This is editable content in a span
</span>
<span contenteditable="false">
This is non editable content in a span
</span>
