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.

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.

Newsletter Marketing