Exploration des Attributs Placeholder, Autofocus, Required et Autocomplete
Objectifs
Comprendre et utiliser les nouveaux attributs HTML5 pour la création de formulaires.
Résumé
Cette leçon se concentre sur les nouveaux attributs HTML5 pour les formulaires, notamment Placeholder, Autofocus, Required et Autocomplete.
Description
En plus des nouveaux types, la création de formulaires s'est enrichie de nouveaux attributs HTML5. Ces attributs, non spécifiques au Labelled Input, incluent :
- Placeholder : Propose un texte à l'intérieur du champ, disparaissant automatiquement au clic.
- Autofocus : Donne automatiquement le focus à un champ dès l'ouverture de la page.
- Required : Rend un champ obligatoire, avec des messages d'erreur spécifiques dans certains navigateurs comme Opera.
- Autocomplete : Permet le remplissage automatique de champs dès que certains débuts de mots sont saisis.
Nous explorons leur fonctionnement pratique via différents navigateurs comme Opera et Safari. En plus de ces attributs, nous abordons la balise DataList et l'attribut List, permettant de lier un champ Input à une liste de choix prédéfinis. Enfin, nous utilisons l'attribut Pattern pour dessiner des expressions régulières, notamment pour les champs de téléphone qui acceptent uniquement les formats numériques spécifiques.
Cette vidéo démontre leur efficacité substantielle dans la simplification et l'amélioration de la création de formulaires HTML5.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - LES FONDAMENTAUX ET TECHNIQUES AVANCEES DU HTML/XHTML
Module 3 - LES BASES DU HTML5 et les propriétés CSS3 courantes
Module 4 - HTML5 : Les nouvelles et autres balises html5
Module 5 - ANNEXES
Module 6 - Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
Module 7 - Les nouveaux API du HTML5 (javascript)
Module 8 - Conclusion
