Contenteditable feature in Html5

Introduction:

Here I am going to discuss about how you can edit any content in your webpage.

"Contenteditable" feature is added in Html5. This feature specifies whether the contents of the elements can be edited or not. It sets whether the user can edit the content or not

Description:

With the help of the contenteditable attribute, we can make web page document regions editable giving users another level of online interaction. Contenteditable allows only specified elements to be editable.You can make anything editable.There are three possible values for this:

  •        True: It specifies that the element is editable.
  •         False: It specifies that the element is not editable.
  •         Inherit: It specifies that the element is editable if its immediate parent element is editable. This is the default value.

 Once the contenteditable attribute is added to an element the browser will cause that element to become editable. In addition, any children of that element will also become editable unless the child elements are clearly set to a contenteditable=”false”.

Example:

<p contenteditable="true">this is the exmaple of cotenteditable,here you can edit this..click here to edit this

</p>


 contentedit.jpg

Ebook Download
View all
Learn
View all