TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Nouveaux attributs HTML5

Les nouveaux attributs globaux

L'attribut contenteditable

Cet attribut permet de rendre éditable l'élément auquel il s'applique

            <p contenteditable="true"> 
                Ce paragraphe peut ĂȘtre Ă©ditĂ© par l'internaute
            <p> 
            

Ce paragraphe peut ĂȘtre Ă©ditĂ© par l'internaute

L'attribut draggable

Cet attribut permet de rendre un élément déplaçable

Il est nécéssairement accompagné de fonctions javascripts pour traiter le déplacement

            <p draggable="true"> 
                Ce paragraphe peut ĂȘtre dĂ©placĂ© par l'internaute
            <p> 
            

Ce paragraphe peut ĂȘtre dĂ©placĂ© par l'internaute

Un exemple opérationnel

L'attribut spellcheck

Par défaut, la saisie dans une zone éditable, fait l'objet d'une vérification orthographique

Il peut ĂȘtre souhaitable de dĂ©sactiver une telle vĂ©rification pour les noms propres par exemple

            <p> 
                <label>avec vérification : </label><input type="text" />
            <p> 
            </p> 
                <lable>sans vérification : </lable><input type="text" spellcheck="false"/>
            </p>
            

L'attribut translate

Cet attribut permet d'empĂȘcher la traduction de certains termes

Il n'est pas implémenté dans les navigateurs à l'heure actuelle

Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007