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

  • Trafic Booster
    hebergement web


    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 :

    La pagination avec PHP et MySQL

    Ce tutoriel va vous montrer comment sélectionner des données dans une base de données MySQL, les répartir sur plusieurs pages, pour les afficher page par page à l'aide de numéros de page

    CSS border-bottom

    Définit toutes les propriétés de bordure de fond dans une déclaration

    jQuery Liste des méthodes AJAX

    jQuery Liste des méthodes AJAX



    Rentabilisez efficacement votre site