如何使您的内容在 HTML 中可编辑？

在本文中，我们将了解如何使用 HTML 使内容可编辑。要编辑 HTML 中的内容，我们将使用contenteditable 属性.这 contenteditable用于指定元素的内容是否可由用户编辑。

句法：

该属性有两个值。

• true：如果contenteditable属性的值设置为true，则该元素是可编辑的。
• false：如果contenteditable属性的值设置为false，则无法编辑该元素。

注意：如果给定的属性没有值，例如

GEEKSFORGEEKS

，则其值将被视为空字符串，而空字符串将被视为true 。

示例 1：在此示例中，我们将创建一个标题元素，其contenteditable属性的值设置为true 。

HTML

  
    
  
  
    

      This is an Editable Heading element.
    
  

输出：

示例 2：在此示例中，整个代码将相同，我们只是将contenteditable属性的值更改为false 。

HTML

  
    
  
  
    

      This is element cannot be edited.
    
  

输出：

示例 3：在此示例中，我们没有为contenteditable属性提供任何值。如果contenteditable属性缺失或它的值无效，那么它的值是从它的父元素继承的：所以如果它的父元素是可编辑的，则该元素是可编辑的。

HTML

  
    
  
  
    
GeeksforGeeks.
  

输出：

示例 4：

HTML

  
    
  
  
    

      
GeeksforGeeks.
      
Welcome to geeksforgeeks
  
    
  

输出：