Devenez interactifs !

Fonctionnement côté navigateur

Un formulaire n'est qu'un morceau de HTML formé de quelques éléments spécifiques qu'il faut connaître. Du côté navigateur, un formulaire fonctionne comme suit:

• Le navigateur charge le HTML comme il le fait d'habitude et lorsqu'il rencontre des éléments de formulaires, il crée des commandes qui permettent de saisir toutes sortes de données. Une commande est un bouton, un champ de saisie ou un menu déroulant, en bref un widget qui permet de saisir des données ou d'exprimer un choix.
  
• L'utilisateur saisit des données. Selon la nature de la commande, cette saisie intervient différemment: taper une ligne de texte dans un champ, cocher une case, appuyer sur un bouton, etc. Une fois les commandes complétées, l'utilisateur soumet le formulaire au serveur en cliquant sur un bouton spécifique, appelé commande de soumission. C'est un signal destiné au navigateur qui sait dès lors qu'il doit empaqueter les donner et les envoyer au serveur.
  
• Lorsque le serveur a reçu les données, il les passe à l'application web destinée à les traiter. Le résultat de ce traitement est une toute nouvelle page HTML qui est renvoyée au navigateur qui se charge de l'afficher sur l'écran de l'utilisateur.
  

La création d'un formulaire se fait à l'aide de l'élément <form>. Même si celui-ci accepte d'intégrer n'importe quel élément de bloc, il existe une série d'éléments dédiés. Chacun d'eux fournit une manière spécifique de saisir une information: champs, cases à cocher, menus déroulants, etc. Nous les étudierons tous mais revenons d'abord sur le HTML du formulaire ci-dessus et observons comment s'affichent les éléments et leur contenu dans <form>:

L'élément <form> contient tous les éléments de construction du formulaire et indique au navigateur où envoyer les données et quelle méthode employer pour le faire:

La création d'application web telle que l'application «concours.php» ci-dessus demande la maîtrise de langages de scripts ou de programmation qui soient supportés par les serveurs de votre hébergeur. La plupart d'entre eux acceptent des langages comme PHP, Perl, Python ou Java. Nous reviendrons sur ce vaste sujet dans un chapitre ultérieur. Aussi, pour la suite de cette section, nous vous donnerons toutes les applications web dont vous aurez besoin. Il vous suffira d'intégrer l'URL de ces applications dans l'attribut action de l'élément <form>.