Étapes pour Réaliser un Formulaire
Objectifs
Les objectifs de cette vidéo sont d'apprendre à créer et styliser un formulaire HTML, d'utiliser des balises HTML5 spécifiques et de comprendre l'importance de l'accessibilité des formulaires web.
Résumé
Découvrez les étapes pour réaliser un formulaire HTML basique incluant des champs de texte, un champ de texte étendu et un bouton submit, avec un accent sur la mise en forme CSS.
Description
Dans cette leçon, nous allons apprendre à créer un formulaire HTML simple. Le formulaire comprendra des champs pour le nom, prénom, adresse mail et une zone de texte. Nous commencerons par utiliser la balise <form> et y ajouter des <input> de type texte et email, ainsi qu'une balise <textarea>. Chaque champ sera associé à un <label> pour une meilleure accessibilité.
Ensuite, nous mettrons en forme chaque élément du formulaire en les plaçant dans des balises <li> de manière à disposer les éléments verticalement. Nous appliquerons des styles CSS pour améliorer l'apparence du formulaire, incluant l'utilisation de float et des propriétés de taille et de positionnement.
Enfin, nous explorerons les spécificités des formulaires adaptés aux appareils mobiles en utilisant des balises HTML5 comme <input type="email">, qui déclenche un clavier particulier sur les smartphones. La leçon se conclura par l'application de styles CSS sur les éléments du formulaire pour en améliorer l'apparence et la fonctionnalité.
Questions fréquentes
<label> améliore l'accessibilité des formulaires en liant les champs de formulaire avec leurs descriptions textuelles, facilitant ainsi leur compréhension et utilisation par les utilisateurs, notamment ceux utilisant des technologies d'assistance.
float appliquée aux <label> permet d'aligner les labels à gauche des champs de formulaire, assurant une disposition claire et lisible des éléments du formulaire.
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
