formulaires complets

Les formulaires ... suite et fin.

Voici le grand frère du précédent auquel j'ai ajouté 4 questions supplémentaires où, cette fois, l'écriture n'est pas nécessaire puisqu'il s'agit en l'occurrence de cases à cocher.

Nom *

Association

Adresse

Localité

Département

Code postal

Pays*

E-mail*

Que pensez-vous de ce site ?

Avez-vous des suggestions ?

Quel moteur vous a permis de le trouver ?

Quelle est votre rubrique préférée ?

Statistiques.

utiles

Quel navigateur utilisez-vous ?

Netscape 3 ou 4
Netscape < 4.0
Internet Explorer 3 ou 4
Internet Explorer 5
Autre navigateur

Quel ordinateur utilisez-vous ?

PC Intel
PC Amd
PC autre CPU
Macintosh
Autre

Vous trouvez la navigation sur ce site:

lente
moyenne
rapide

Vous estimez l'accompagnement sonore :

agréable
désagréable
indifférent

Nous avons donc épuisé ici toutes les possibilités, ou presque, offertes par les formulaires.

Par rapport à l'exemple précédent, qu'avons nous ajouté ? Ce qui suit (en code source évidemment !) :

<TR BGCOLOR="#666666">

<TD HEIGHT=30 BGCOLOR="#666666">



</TD>

<TD HEIGHT=30 BGCOLOR="#666666">

Statistiques

</TD>

<TD HEIGHT=30 BGCOLOR="#666666">

utiles</TD>

<TD HEIGHT=30 BGCOLOR="#666666">

</TD></TR>

<TR>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

Quel navigateur utilisez-vous ?</TD>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

<INPUT TYPE=checkbox NAME=Navi VALUE="Netscape 3 ou 4">Netscape 3 ou 4 

<INPUT TYPE=checkbox NAME=Navi VALUE="Netscape sup">Netscape< 4.0 

<INPUT TYPE=checkbox NAME=Navi VALUE="IE 3 ou 4">Internet Explorer 3 ou 4 

<INPUT TYPE=checkbox NAME=Navi VALUE="IE 4">Internet Explorer 5 

<INPUT TYPE=checkbox NAME=Navi VALUE="Autre navigateur">Autre navigateur</TD>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

Quel ordinateur utilisez-vous ?</TD>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

<INPUT TYPE=checkbox NAME=Ordi VALUE="PC Intel">PC Intel< 

<INPUT TYPE=checkbox NAME=Ordi VALUE="PC Amd">PC Amd 

<INPUT TYPE=checkbox NAME=Ordi VALUE="PC autre CPU">PC autre CPU 

<INPUT TYPE=checkbox NAME=Ordi VALUE=Macintosh>Macintosh 

<INPUT TYPE=checkbox NAME=Ordi VALUE=Autre>Autre</TD></TR>

<TR><TD HEIGHT=30></TD>

<TD HEIGHT=30></TD>

<TD HEIGHT=30></TD>

<TD HEIGHT=30></TD></TR>

<TR>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

Vous trouvez la navigation sur ce site:</TD>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

<INPUT TYPE=checkbox NAME=surf VALUE=lent>lente 

<INPUT TYPE=checkbox NAME=surf VALUE=moyen>moyenne 

<INPUT TYPE=checkbox NAME=surf VALUE=rapide>rapide</TD>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

Vous estimez l'accompagnement sonore :</TD>

<TD HEIGHT=30 BGCOLOR="#C0C0C0">

<INPUT TYPE=checkbox NAME=musique VALUE=agreable>agréable 

<INPUT TYPE=checkbox NAME=musique VALUE=desagreable>désagréable 

<INPUT TYPE=checkbox NAME=musique VALUE=indifferent>indifférent

</TD>

</TR>

Oui, j'imagine que vous estimez que c'est beaucoup de code pour peu d'espace ... mais il faut bien admettre que ces "checkbox" sont bien pratiques et plus facilement utilisables pour les visiteurs de votre site.

Quels en sont les attributs ?

INPUT TYPE=checkbox qui dit bien ce qu'il veut dire : case à cocher. La dimension est automatique.

NAME, vous l'aurez constaté, comporte toujours le même nom pour un même groupe : navi, ordi, surf, etc.

VALUE contiendra le nom que vous attribuez à chaque case et c'est celui qui apparaîtra en B.A.L.

Il peut être directement suivi de l'attribut CHECKED qui cochera la case par défaut.

Vous remarquez que le texte qui sera apparent se trouve entre les balises et .

NAME et VALUE sont respectivement le nom des attributs que VOUS aurez choisi pour ces commandes.

N'avez-vous rien observé de plus dans la définition des attributs VALUE ? Regardez bien !

Je vous laisse trouver. Attention : il est indispensable de respecter cette spécificité !

Est-il bien utile d'ajouter quelque chose ? Non ? Alors : à vous de jouer, il y a du pain sur la planche !