L'attribut universel contenteditable est un attribut à valeur contrainte qui indique si l'élément courant doit pouvoir être édité par l'utilisateur ou non. Lorsque c'est le cas, des éléments de l'interface du navigateur (ou de l'agent utilisateur) sont modifiés afin de permettre l'édition. Les valeurs autorisées pour cet attribut sont :

  • true ou la chaîne de caractères vide qui indiquent que l'élément est éditable
  • false qui indique que l'élément ne peut pas être édité.

Si cet attribut n'est pas défini, sa valeur est héritée depuis son élément parent.

Cet attribut n'est pas un attribut booléen ! Cela signifie qu'une valeur explicite est nécessaire pour son fonctionnement. Toute forme telle que <label contenteditable>Exemple</label> n'est pas autorisée. La version correcte sera <label contenteditable="true">Exemple</label>.

Il est possible de modifier la couleur du symbole d'insertion grâce à la propriété CSS caret-color.

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'contenteditable' dans cette spécification.
Standard évolutif Aucune modification depuis HTML 5.1
HTML 5.1
La définition de 'contenteditable' dans cette spécification.
Recommendation État selon HTML Living Standard. Aucune modification depuis HTML5
HTML5
La définition de 'contenteditable' dans cette spécification.
Recommendation État selon HTML Living Standard qui traduit la définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) 3.0 (1.9) (Oui) (Oui) (Oui)
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) 1.0 (1.9) (Oui) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,