Atributo contenteditable de HTML

El atributo contenteditable de HTML se utiliza para especificar si el contenido de un elemento es editable o no.

Puedes usar este atributo en cualquier elemento HTML. Forma parte de los Atributos globales.

El atributo contenteditable acepta true, false o inherit. Una cadena vacía ("") también es válida y se comporta de manera idéntica a true. Si se omite el atributo, el elemento hereda el valor de su padre.

DANGER

El atributo contenteditable no tiene efecto en los elementos deshabilitados.

Sintaxis

Sintaxis del atributo contenteditable de HTML

html

<tag contenteditable="true|false">&lt;/tag&gt;

Ejemplo del atributo contenteditable de HTML:

Ejemplo del atributo "contenteditable" de HTML

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p contenteditable="false">
      This is a paragraph. It is not editable.
    </p>
    <p contenteditable="true">
      This is a paragraph. It is editable. Try to change this text.
    </p>
  </body>
</html>

Try it Yourself »

Práctica

¿Cuáles de las siguientes afirmaciones son verdaderas respecto al atributo contenteditable de HTML?

El atributo contenteditable de HTML se utiliza para especificar si el contenido de un elemento es editable o no.El atributo contenteditable de HTML solo se puede usar con elementos de formulario.Cuando el atributo contenteditable no está establecido en un elemento, por defecto lo hereda de su padre.El atributo contenteditable de HTML tiene tres valores posibles: 'true', 'false' e 'inherit'.El atributo contenteditable de HTML solo se puede establecer en 'true' o 'false'.

Atributo contenteditable de HTML ​

Sintaxis ​

Ejemplo del atributo contenteditable de HTML: ​

Práctica ​

Atributo contenteditable de HTML

Sintaxis

Ejemplo del atributo contenteditable de HTML:

Práctica