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 de "events", "caret", "typing", "plaintext-only".
HTML Living Standard
La définition de 'contenteditable' dans cette spécification.
Standard évolutif Aucune modification depuis la dernière dérivation, HTML 5.2
HTML 5.2
La définition de 'contenteditable' dans cette spécification.
Recommendation Dérivation de HTML Living Standard, aucune modification depuis HTML 5.1
HTML 5.1
La définition de 'contenteditable' dans cette spécification.
Recommendation Dérivation de HTML Living Standard, aucune modification depuis HTML5
HTML5
La définition de 'contenteditable' dans cette spécification.
Recommendation Dérivation de HTML Living Standard, définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet 3IE Support complet 5.5Opera Support complet 9Safari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android ?
contenteditable="events"
Expérimentale
Chrome Support complet OuiEdge ? Firefox Aucun support NonIE Aucun support NonOpera ? Safari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile ? Firefox Android Aucun support NonOpera Android ? Safari iOS ? Samsung Internet Android ?
contenteditable="caret"
Expérimentale
Chrome Support complet OuiEdge ? Firefox Aucun support NonIE Aucun support NonOpera ? Safari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile ? Firefox Android Aucun support NonOpera Android ? Safari iOS ? Samsung Internet Android ?
contenteditable="typing"
Expérimentale
Chrome Support complet OuiEdge ? Firefox Aucun support NonIE Aucun support NonOpera ? Safari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile ? Firefox Android Aucun support NonOpera Android ? Safari iOS ? Samsung Internet Android ?
contenteditable="plaintext-only"
Expérimentale
Chrome Support complet OuiEdge ? Firefox Aucun support NonIE Aucun support NonOpera ? Safari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile ? Firefox Android Aucun support NonOpera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.

Voir aussi

Étiquettes et contributeurs liés au document

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