How to use Contenteditable Attribute in HTML5

In this article I am going to explain about Contenteditable attribute in Html5.
  • 2010

Contenteditable Attribute in HTML5

Contenteditable attribute use for defined any content edit able or not edit able. If we set conteneteditable is true then we can edit to content at runtime. Contenteditable new in HTML5. There are three properties for contenteditable.

  • True (Content can be edit)
  • False (Content can be edit)
  • Inherit (Content can be edit if its parents)

Browser that supports Contenteditable Attribute

Internet explorer, Mozilla firefox, Google chrome, opera and Safari browsers.

Syntax

<ElementName contenteditable="true|false|inherit">

Example

<html>

<body>

    <p contenteditable="true">

        This line is editable</p>

</body>

</html>

Output

contenteditable.jpg

Further Readings

You may also want to read these related articles: here
Ask Your Question 
 
Got a programming related question? You may want to post your question here
 

 

© 2019 DotNetHeaven. All rights reserved.