contenteditable attribute

contenteditable=true/false/inherit

Explanation

Contenteditable attribute permits the user to modify the text in a web browser. User cannot edit a text in browser, if this attribute is disabled.

Values added with this attribute are:

Value	Description
true	Content can be modified.
false	Content cannot be altered.
inherit	If the main tag is editable, the content can be changed.

Example Code 1:

<p contenteditable="true"><font color=brown>You can modify this text portion.</font></p>

Result 1:

You can modify this text portion.

Example Code 2:

<p contenteditable="false"><font color=brown>You cannot modify this text portion.</font></p>

Result 2:

You cannot modify this text portion.

Example Code 3:

<p contenteditable="true"><font color=brown>Content can be altered</font></p>
<h5 contenteditable="inherit"><font color=brown>Change this content</font></h5>

Result 3:

Content can be altered

Change this content

Users can perform actions like selecting text, cut and paste, drag and drop a text, format the text, apply color or add links, if the "True" option is mentioned in the attribute.

At this scenario the content cannot be modified.

Contents can be edited incase the main tag possess value as "True".
It is newly launched in HTML5 and it does not exist in previous versions of the HTML.