Introduction
LES FONDAMENTAUX ET TECHNIQUES AVANCEES DU HTML/XHTML
LES BASES DU HTML5 et les propriétés CSS3 courantes
HTML5 : Les nouvelles et autres balises html5
ANNEXES
Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
Les nouveaux API du HTML5 (javascript)
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
Comprendre et utiliser les nouveaux attributs HTML5 pour la création de formulaires.
Prérequis pour cette leçon
Connaissances de base en HTML et en création de formulaires web.
Métiers concernés
Développeurs front-end, intégrateurs web, designers UX/UI.
Alternatives et ressources
Utilisation de JavaScript pour implémenter des fonctionnalités supplémentaires si les attributs HTML5 ne sont pas pris en charge.
Questions & Réponses
Je m'abonne