How to make a div element editable in HTML

Topic: HTML / CSS« Prev|Next »

Answer: Use the HTML5 contenteditable Attribute

You can set the HTML5 contenteditable attribute with the value true to make an element editable in HTML, such as <div> or <p> element.

  • <!DOCTYPE html>
  • <html lang="en">
  • <head>
  • <meta charset="UTF-8">
  • <title>HTML5 Editable Elements</title>
  • </head>
  • <body>
  •     <h1 contentEditable="true">Your Name</h1>
  •     <div contentEditable="true">You Favorite Movie</div>
  •     <p contentEditable="true">Your Comment</p>
  •     <p><strong>Note:</strong> Click on the elements and type some text.</p>
  • </body>
  • </html>

Related FAQ

Here are some more FAQ related to this topic:


Your Feedback:


We would love to hear from you! Please say something.