HTML L’attribut contenteditable

.......................

Somaire

Définition et utilisation L’attribut contenteditable

HTML Les attributs globaux

L'attribut contenteditable spécifie si le contenu d'un élément est modifiable ou non.

Syntaxe

<element contenteditable="true|false|inherit">

Exemple Un paragraphe modifiable :

Sélectionner le code

  <!DOCTYPE html>
  <html>
  <body>
  <p contenteditable="true">Ceci est un paragraphe. Il est
  éditable. Essayez pour changer le texte</p>	   
  </body>
  </html>
 

L’attribut contenteditable permet de préciser si le contenu de l'élément peut être édité ou non.

 Il s'agit d'une fonctionnalité permettant de rendre le web participatif : Donc  chacun doit pouvoir éditer en ligne du contenu, le mettre en forme, sans connaissances en HTML. L'objectif est de proposer des éditeurs en ligne.


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut contenteditable est pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

L'attribut contenteditable est une nouveauté en HTML5. il n’existait pas en HTML 4.01


Valeurs de l’attribut contenteditable

Valeur Description
true Spécifie que l'élément est modifiable
false Spécifie que l'élément n'est pas modifiable
inherit Spécifie que l'élément est modifiable si son parent l’est
 Retour à la liste des attributs globaux       
accueil HTML 5
Par gerywa 20 mars 2014
  • SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    css3 fonts

    Polices en CSS3. CSS3 Fonts comment utiliser des polices non standariées dans une page web

    Liste toutes les variables définies

     Liste toutes les variables définies

    list-style

    Définit toutes les propriétés d'une liste dans une déclaration