MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

<input type="checkbox">

L'élément <input type="checkbox"> est un élément de saisie qui permet de sélectionner une valeur dans un formulaire grâce à une case à cocher.

Note : Si une case à cocher est décochée et que le formulaire est envoyé, la valeur n'est pas envoyée au serveur (on n'envoie pas value=unchecked).

Attributs

En plus des attributs qui suivent, on peut utiliser les attributs universels pour cet élément.

checked

Cet attribut booléen indique si le contrôle est sélectionné ou non. On peut également utiliser checked="checked"pour indiquer l'état coché.

value
La valeur initiale du contrôle. Si cet attribut est absent, la valeur par défaut sera la chaîne de caractères "on".
Note : lorsqu'on recharge la page Gecko et IE ignoreront la valeur indiquée dans le fichier HTML source si la valeur a été modifiée avant le rechargement.
indeterminate
Cet attribut interne (IDL) est utilisé pour indiquer que la case à cocher est dans un état indéterminé (cela se traduit généralement par un trait horizontal sur la case). Il n'est pas directement manipulable en HTML.

Exemples

HTML

<label>
  <input type="checkbox" id="cbox1" value="checkbox1">
  Voici la première case.
</label>

<input type="checkbox" id="cbox2" value="checkbox1">2<label for="cbox2">
  Voici la seconde case.
</label>

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<checkbox>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<checkbox>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<checkbox>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 1.0 (1.7 ou moins) 2 1.0 1.0
type=checkbox 1.0 3.6 (1.9.2) 2 1.0 1.0
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) 4.0 (2.0) (Oui) (Oui) (Oui)
type=checkbox (Oui) (Oui) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, ctjhoa, AnthonyMaton
 Dernière mise à jour par : SphinxKnight,