Attribut contenteditable HTML

L'attribut HTML contenteditable permet de spécifier si le contenu d'un élément est modifiable ou non.

Vous pouvez utiliser cet attribut sur n'importe quel élément HTML. Il fait partie des Attributs globaux.

L'attribut contenteditable accepte true, false ou inherit. Une chaîne vide ("") est également valide et se comporte de manière identique à true. Si l'attribut est omis, l'élément hérite la valeur de son parent.

DANGER

L'attribut contenteditable n'a aucun effet sur les éléments désactivés.

Syntaxe

Syntaxe de l'attribut contenteditable HTML

html

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

Exemple de l'attribut contenteditable HTML :

Exemple de l'attribut "contenteditable" 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 »

Practice

Parmi les affirmations suivantes, lesquelles sont vraies concernant l'attribut contenteditable HTML ?

L'attribut contenteditable HTML permet de spécifier si le contenu d'un élément est modifiable ou non.L'attribut contenteditable HTML ne peut être utilisé qu'avec des éléments de formulaire.Lorsque l'attribut contenteditable n'est pas défini sur un élément, il l'hérite par défaut de son parent.L'attribut contenteditable HTML possède trois valeurs possibles : 'true', 'false' et 'inherit'.L'attribut contenteditable HTML ne peut prendre que les valeurs 'true' ou 'false'.

Attribut contenteditable HTML ​

Syntaxe ​

Exemple de l'attribut contenteditable HTML : ​

Practice ​

Attribut contenteditable HTML

Syntaxe

Exemple de l'attribut contenteditable HTML :

Practice