À L'aide des balises de structure de formulaires sur votre page Web HTML5 - dummies

Depuis le début, les pages Web ont la capacité de recueillir des données auprès des utilisateurs. HTML5 a un ensemble standard mais assez utile d'éléments de formulaire que vous pouvez utiliser pour obtenir des informations. Ces éléments de formulaire suivent la plupart des mêmes règles que les autres balises.

Cette figure montre un formulaire contenant tous les éléments de formulaire HTML principaux que vous pouvez rencontrer:

Les balises que vous utilisez pour gérer la structure générale du formulaire incluent:

• : Cette balise contient le formulaire actuel; il entoure tous les autres éléments de forme. La balise devrait également inclure l'attribut action = ". Cela indique que vous ne prévoyez pas d'appeler un script côté serveur lorsque le formulaire est envoyé.

• : Cette étiquette spéciale vous permet de regrouper une série d'éléments d'entrée ensemble. Ce n'est pas obligatoire, mais cela facilite la navigation dans les formulaires complexes. Par défaut, un fieldset a une seule bordure autour de lui, mais vous pouvez le changer avec CSS.

• : Vous pouvez ajouter une légende à un fieldset pour qu'il agisse comme une étiquette pour tout le fieldset.

• : Ceci marque le texte comme l'étiquette associée à un élément d'entrée particulier. Vous pouvez utiliser l'attribut facultatif for pour spécifier l'élément d'entrée auquel l'étiquette est associée. Les étiquettes d'étiquettes sont normalement utilisées pour faciliter la gestion du style CSS des formulaires.

Le code d'une page utilisant toutes les balises de structure montrées dans la figure est le suivant:

formDemo. html

Formulaire Démo
Saisie de texte
Zone de texte
Mot de passe
Zone de texte Votre texte ici
Sélection d'éléments
Sélectionner Liste un deux trois quatre
Cases à cocher
Boutons radio petit moyen grand
Boutons
bouton standard

Les balises fieldset, legend et label ne sont pas obligatoires, mais elles vous aident à organiser la page afin de faciliter la mise en page avec CSS. L'utilisation correcte de ces balises et CSS rend souvent vos formulaires plus faciles à utiliser que les anciens hacks basés sur des tables.