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 Editing APIs
La définition de 'contenteditable' dans cette spécification.
Brouillon de l'éditeur Ajout des valeurs events, caret, typing, plaintext-only.
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

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) 3.0 (1.9) (Oui) (Oui) (Oui)
events, caret, typing, plaintext-only (Oui) Pas de support Pas de support ? ?
Fonctionnalité Webview 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,