Les formulaires en HTML

HTML et JavaScript permettent de réaliser une application Web de base avec les composants de formulaires.

Les formulaires sont des objets d'interface graphiques dotés d'une gestion des données reconnue par tous les navigateurs.

L'utilisation des feuilles de style permet de donner au formulaire le look d'un document écrit avec des champ alignés, des couleurs, etc.

Voir l'introduction aux formulaires avec des exemples.

Voir le détail des objets de formulaire et comment on les utilise. La démonstration des objets de formulaire montre comment sont passés les paramètres pour chacun.

Ces articles sont basés sur la Spécification HTML 4.

HTML 5 complète l'ensemble des composants

HTML 5 n'est pas encore un standard, mais il peut être intéressant de voir les nouveaux objets qu'il propose pour les formulaires d'autant qu'il se veut conçu pour les applications Web.

Input
Cet élement générique à déjà quelques types en HTML 4 (button, submit), mais dans la version 5 il en possède toute une collection. Notamment:

• number: pour une valeur numérique.
• date: pour entrer une date.
• telephone: un numéro de téléphone.
• color: un tableau pour choisir une couleur
• file upload: pour télécharger des fichiers. Les types peuvent être précisés (vidéo, image...).

menu
Plus complet que select en HTML 4, il permet facilement de créer un menu ou une barre d'outils avec des images.

datalist
Retourne une liste d'éléments choisis. Proche de select.

output
Affiche le résultat d'un calcul.

datagrid
Représente une arborescence ou une table interactifs. Le contenu peut évoluer facilement.

Voir HTML 5.

On accède aux données du formulaire coté client ou serveur

L'accès aux données en JavaScript permet de faire des contrôles sur le contenu entré par l'utilisateur, de traiter les données dans la page ou avec Ajax.

Les données peuvent aussi être utilisées sur le serveur directement par un script dont le nom de fichier est assigné à l'attribut action.

Utiliser les données dans une autre page:

• L'envoi et la réception des données de formulaire est expliquée pour tous les objets.
• Passer des paramètres à une page Web. Comment récupérer les données de formulaire dans une autre page.

Et tout cela permet de créer une interface utilisateur en HTML...

Les objets de formulaires sont suffisamment variés pour permettre de créer une interface utilisateur graphique pour une application Web.
Cependant il est courant d'utiliser un framework Ajax pour disposer de plus de widgets. En fait HTML avec JavaScript et CSS suffiraient à créer tous les éléments d'interface mais les frameworks permettent surtout d'éviter de refaire ce qui a déjà été fait.
Ils ne sont pas indispensables. On peut sans framework créer par exemple un TabPanel, (un groupe de panels à onglets). Ce n'est qu'un objet de formulaire modelé graphiquement par une feuille de style.

Les autres composantes d'interfaces: barres d'outils, menus, fenêtres, boutons radios et autres sont définissable aussi facilement à partir d'objets de formulaires.