Les balises de HTML 5 comportent de nouveaux attributs. Leur liste avec un test selon les navigateurs pour savoir s'ils sont reconnus.
Les objets de formulaire, plus spécialement sont dotés de nouveaux attributs ce qui facilitera la réalisation d'application en ligne et l'interaction avec l'utilisateur.
Voici ceux qui paraissent essentiels. Un test de compatibilité est effectué avec le navigateur courant.
contenteditable
Tout élément de HTML peut devenir éditable par l'internaute. Ce peut être un paragraphe
, une liste
- , etc...
Pour avoir une utilité, il faut que cela soit stocké pour une prochaine session. Cette attribut est couplé avec les fonctions localStorage, qui conservent des données dans un espace réservé au navigateur.
Support:
required
Cet attribut sans valeur spécifie que le champ concerné doit avoir une valeur pour que le formulaire soit validé. Les navigateurs peuvent surligner le champ de formulaire quand il est requis, par exemple avec une bordure rouge.
Si le formulaire n'est pas validé, un message d'alerte apparaît indiquant que le champ requis doit être rempli.
Exemple:
Support:
form
C'est une balise, mais c'est aussi maintenant un attribut pour les objets de formulaire. Cela permet de les placer n'importe où dans la page et de les associer à un formulaire en indiquant sont ID.
Exemple:
- , affiche des nombres en ordre descendant.
Support:
download
Pour une URL, permet de télécharger le fichier au lieu de l'afficher.
Support:
Attributs de input et textarea
Outre les attributs déjà vus, communs à plusieurs objets de formulaire, certains attributs complètent les champs de formulaire.
autocomplete
Cet attribut de la balise form, a deux valeurs, on, si l'autocomplétion est active, off sinon. Quand il elle est activée, ce qui l'utilisateur tape dans un champ de texte peut être automatiquement complété par le navigateur en fonction de ce qu'il a déjà entré par le passé dans le même champ.
Le développeur n'a rien d'autre à incorporer.
Exemple:
Aucun commentaire:
Enregistrer un commentaire