html tutorial - contenteditable Attribute in HTML - html5 - html code - html form

Learn html - html tutorial - Contenteditable attribute in html - html examples - html programs

The contenteditable attribute defines if the content of an element is rewrite or not.
The contenteditable attribute is a section of the Global Attributes.

Syntax for contenteditable attribute in HTML:

<element contenteditable="true|false">content</element>

Difference between HTML 4.01 and HTML 5 for contenteditable Attribute:

HTML 4.01

The contenteditable attribute has not been defined.

HTML 5

The contenteditable attribute is added newly in HTML5.

Applies To:

Element	Attribute
All HTML Elements	contenteditable

contenteditable Attribute Values:

Value	HTML 4.0.1	HTML 5	Description
true	No	Yes	Defines if the element is rewrite.
false	No	Yes	Defines if the element is not rewrite.

Sample Coding for contenteditable Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy contenteditable attribute</title>
    </head>
    <body>
        <p contenteditable="true">
             Wikitechy is an enhanced tutorials zone providing
             the best learning curve.                     
        </p>
    </body>
</html>

Code Explanation for contenteditable Attribute in HTML:

contenteditable Attribute Code Explanation

<p> tag is used to defined the content in a paragraph.
contenteditable is an attribute, which describes if the content of an element is edit or not. (Here the value of contenteditable is true, the content is editable.)

Output for contenteditable Attribute in HTML:

The Output shows the <p> tag contents.

The content has contenteditable attribute, so the user can edit the content.

Browser Support for contenteditable Attribute in HTML:


4.0	6.0	3.5	3.1	10.1

Tips and Notes

If the contenteditable attribute is not specified on an element, the element will derive from its parent.

PDF

Related Searches to contenteditable Attribute in html

contenteditable javascript html onblur and onfocus contenteditable events contenteditable not working jquery contenteditable can i use contenteditable contenteditable angular react contenteditable html attributes html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list