How to use Contenteditable Attribute in HTML5

Posted in HTML 5 | HTML 5 Attributes July 11, 2019
Tags: Contenteditable Attribute in HTML5, HTML5 Contenteditable Attribute, Html5 Attribute, Attribute in Html5, Html5 Contenteditable, Contenteditable in Html5
In this article I am going to explain about Contenteditable attribute in Html5.
  • 2054

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
 

 

    © 2020 DotNetHeaven. All rights reserved.