Les formulaires sont des éléments très courants sur Internet et vous en utilisez à chaque fois que vous vous connectez sans vous en rendre compte. Nous allons dans un premier temps les différencier les uns des autres :

Formulaire de recherche comme par exemple Google

Formulaire d’inscription, comme la création d’un compte de messagerie, d’un forum ou encore un réseau social tel que Facebook

Formulaire d’identification ou de connexion comme se connecter à sa messagerie Hotmail

Formulaire de contact, qui équivaut à l’envoi d’un e-mail

Formulaire d’enquête ou questionnaire, répondre à un quizz

Maintenant que nous avons observé les différents formulaires, nous allons apprendre à les compléter et vous constaterez que les différents éléments sont toujours les mêmes.

Importe le style de formulaire, le principe est le même.

Les différents champs

• Le bouton de validation :

Tout formulaire, quel qu’il soit, a un bouton de validation. Le texte diffère selon le formulaire. Ce bouton équivaut à la touche Enter au clavier.

• Champs de texte

Le champs de texte vous permet d’écrire au clavier après avoir cliqué dans la zone du rectangle et ainsi compléter selon ce qui est demandé. Ce champs peut être un texte court, dans ce cas le nombre de caractère est souvent limité ou un texte plus long qui se diffère par un rectangle plus grand. Même si le nombre de caractère est aussi limité, il permet tout de même d’écrire beaucoup plus.

• Champs de mot de passe :

Lorsque vous remplissez un champ de mot de passe, les caractères sont remplacés par des étoiles ou des gros points. C’est une sécurité tant sur l’ordinateur et Internet que les personnes qui pourraient voir votre écran.

• Case à cocher

Les cases à cocher sont de petits rectangles. Un V vient s’ajouter à l’intérieur si vous cliquez dessus. Un second clic enlève ce V. Les cases à cocher permettent de faire plusieurs choix comme dans le cas ci-dessous, vous pouvez mémoriser votre adresse mail et votre mot de passe.

Cases à cocher

• Bouton radio

Les boutons radio ont la même particularité que les cases à cocher si ce n’est que vous ne pouvez qu’en cocher un. Une fois cliqué dans le cercle, un gros point vient s’ajouter. Si par exemple, dans le cas ci-dessous, vous avez coché Masculin par erreur, cochez Féminin et c’est ce bouton qui sera pris en considération. L’autre cercle se videra automatiquement.

• Menu déroulant

On reconnaît un menu déroulant par sa petite flèche située à droite du champs. Un clic sur le champs ou sur cette flèche fera dérouler un menu. Il vous suffit alors de cliquer sur votre choix pour compléter le champs.

Menu déroulant - Heure ou date

Dans ce cas de calendrier, au lieu d’avoir une flèche, vous avez un petit carré quadrillé représentant un calendrier. Un clic dessus et vous avez le calendrier du mois en cours, il suffit de cliquer sur le bon jour. Si vous voulez changer de mois, cliquez sur les 2 petites flèches de chaque côté, il naviguera de mois en mois. Pour les années, cliquez sur les doubles flèches aux extrémités.

Menu déroulant - Calendrier

• Captcha :
  

Ce sont des images de vérification de formulaire. Ces images servent de sécurité afin que les formulaires ne soient pas remplis par des robots qui eux ne reconnaissent pas les images. C’est, en d’autres termes, une manière de reconnaître qu’il a bien été rempli par une main humaine. Dans notre exemple, vous devez recopier les caractères que vous voyez dans l’image, dans le champs de texte « Caractères ». Si celui-ci est illisible pour vous, vous pouvez en changer en cliquant sur la double flèche à droite en-dessous du haut-parleur. Le haut-parleur, quant à lui, vous permet d’entendre ce code mais personnellement je n’ai jamais rien compris à ce que la voix disait.