Partie 1 : éléments de formulaire, d’entrée et d’étiquette
Les formulaires Web HTML ont gagné en popularité au cours des dernières années, car le World-Wide-Web est devenu de plus en plus interactif. Les formulaires HTML sont utilisés pour collecter les entrées des utilisateurs. L’entrée utilisateur est le plus souvent envoyée à un serveur pour traitement. JavaScript côté client est parfois également utilisé pour améliorer l’expérience utilisateur. Dans cette courte série sur les formulaires HTML, nous allons nous familiariser avec les contrôles de formulaire en en créant un qui accepte les coordonnées de l’utilisateur pour un abonnement à une newsletter ou une adhésion à un site. Dans cet article, nous allons apprendre à utiliser les éléments Form, Input et Label. Dans la partie 2, nous couvrirons les contrôles Select, Checkbox et Button. À partir de là, nous apprendrons à utiliser CSS et JavaScript pour améliorer notre formulaire.
Le rôle de CSS et JavaScript dans les formulaires Web
Dans ce tutoriel, nous travaillerons principalement avec HTML, qui détermine les blocs de construction bruts du formulaire, ce qui n’est qu’une pièce du puzzle. En outre, CSS peut être utilisé pour améliorer l’apparence de la forme. Pour illustrer, voici le formulaire que nous allons construire tel qu’il apparaît sans style CSS :
Comparez cela avec la forme stylisée !
JavaScript joue également un rôle pour effectuer des actions telles que validation d’entrée, modifiez les données en réponse aux sélections de l’utilisateur, et bien plus encore.
Lire: Introduction aux formulaires HTML5.
Comment utiliser l’élément
— to www.htmlgoodies.com