Les aides à la saisie

1. Les objectifs

Les formulaires ne sont pas toujours un élément d’interface facile à appréhender pour les internautes. Pour les aider à bien utiliser les champs, nous avons à notre disposition toute une série d’aides à la saisie.

2. La Champ:consigne de saisieconsigne de saisie

L’attribut Champ:placeholderplaceholder permet d’afficher dans le champ une aide à la saisie qui disparaît dès que l’utilisateur saisit les premiers caractères. Par exemple, nous voulons préciser que le prénom qui doit être saisi correspond à celui qui est indiqué sur la carte d’identité. Voici la syntaxe à utiliser :

<p> 
   <label for="prenom">Votre prénom : </label> 
   <input type="text" id="prenom" name="prenom" size="30" 
placeholder="Prénom de votre carte d’identité"> 
</p>

Voici l’affichage obtenu, avant la saisie :

Voici l’affichage obtenu après les premières saisies :

Vous pouvez aussi utiliser placeholder pour donner un exemple de saisie attendue :

<p> 
   <label for="cp">Votre code postal : </label> 
   <input type="text" id="cp" name="code-postal" 
placeholder="Ex : 44600"> 
</p>

Voici l’affichage ...