Comment afficher des cases à cocher ?

A l'inverse, les cases à cocher permettent à l'utilisateur de choisir plusieurs valeurs à la fois. A partir de cet exemple, vous êtes en mesure de comprendre très vite leur intérêt.

Aperçu :

Quels sont vos centres d'intérêts ?

Code XHTML :

<p> Quels sont vos centres d'intérêts ? <br />

<input type="checkbox" name="interet" id="musique" />
<label for="musique">musique</label>

<input type="checkbox" name="interet" id="politique" />
<label for="politique">politique</label>

<input type="checkbox" name="interet" id="informatique" />
<label for="informatique">informatique</label>

<input type="checkbox" name="interet" id="cuisine" />
<label for="cuisine">cuisine</label>

</p>

Une personne peut cocher cuisine et informatique à la fois parce que son intérêt pour l'un n'empêche pas son intérêt pour l'autre. Il peut aussi ne rien choisir si rien ne l'intéresse.

Recevez par email nos prochains conseils

Oseox sur Facebook Notifications via Facebook Oseox sur Twitter Notre actu sur twitter

Une question ? Venez la poser sur notre forum développement web !

A propos de l'auteur

Nicolas Galle

Nicolas Galle est développeur web sénior pour l'agence Aseox.