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
- Composition et Syntaxe d'une Page HTML5 de Base
- Compatibilité des balises HTML5 avec tous les navigateurs
- Cours sur les Sélecteurs CSS2
- Maîtrisez les Sélecteurs Spécifiques en CSS3
- Utilisation des Nouveaux Sélecteurs CSS pour Contenu Généré
- Utilisation de Border-Radius en CSS
- Utilisation des Propriétés CSS TextShadow et BoxShadow
- Méthodes d'écriture des couleurs en CSS
- Création d'Arrière-Plans Dégradés en CSS
- Intégration de Polices Personnalisées avec @font-face en CSS3
- Création d'une Page Web avec HTML 5 et CSS3
ANNEXES
Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
- Intégrer des fichiers audio avec HTML5
- Guide complet pour l'intégration de vidéos en HTML5
- Apprenez à créer des formulaires HTML avancés
- Introduction aux Nouveaux Attributs HTML5 pour les Formulaires
- Apprendre à Créer un Formulaire en HTML et CSS
- Comprendre les Propriétés Background en CSS3
- Transformer un paragraphe en colonnes avec CSS3
- Maîtriser la Propriété CSS text-overflow et le Sélecteur target
- Guide complet sur les transformations CSS3
- Créer des transitions CSS sans JavaScript
- Création d’animations CSS : Leçon pratique
- Utilisation des Media Queries en CSS3
Les nouveaux API du HTML5 (javascript)
- Introduction aux nouvelles fonctionnalités HTML 5
- Incorporer et Manipuler des Éléments Audio avec l'API Audio
- Incorporer des Éléments Vidéo en HTML5
- Apprenez la Géolocalisation avec HTML5
- Utilisation de l'API Local Storage en JavaScript
- Créer un Site Internet Consultable Offline
- Maîtriser l'API Canvas pour des Graphismes HTML5
- Utilisation de getElementsByClassName en JavaScript
Conclusion
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
