<input type="checkbox">

L'élément HTML input <input type="checkbox"> est un élément qui remplit un tableau avec différentes valeurs. La valeur de l'attribut est utilisée pour définir la valeur soumise par la checkbox. L'attribut checked indique si l'objet est sélectionné ou non. L'attribut indeterminate indique que la checkbox se trouve dans un état non-determiné (sur la plupart des plateformes, cela barre la checkbox d'un trait horizontal).

Attributs

Cet élément inclut les attributs globaux.

autocomplete HTML5
Cet attribut indique si la valeur peut-être déduite par le navigateur. Cet attribut est ignoré si la valeur de l'attribut type est hidden, password, checkbox, radio, file ou un bouton (button, submit, reset, image).
Les valeurs possibles sont :
  • off : L'utilisateur doit explicitement entrer une valeur dans ce champ pour chaque usage ou si le document fourni sa propre méthode d'auto-complétion. Le navigateur ne complétera pas ce champ automatiquement.
  • on : Le navigateur peut remplir ce champ en se basant sur les valeurs que l'utilisateur a entré lors de ces précédent usages.
checked

Quand la valeur de l'attribut type est checkbox, la présence de cet attribut booléen indique si la cette case est cochée par défaut, autrement il est ignoré.

list HTML5
Cet attribut identifie une liste pré-définie d'options à suggérer à l'utilisateur. La valeur doit être un id d'un élément <datalist> dans le même document. Le navigateur n'affichera que les options qui correspondent à des valeurs valides pour cet élément. Cet attribut est ignoré lorsque l'attribut type vaut hidden, range, color, checkbox, radio, file ou est de type bouton.
readonly
Cet attribut booléan indique que l'utilisateur ne peut pas modifier la valeur de ce champ.
HTML5 Cet attribut est ignoré si la valeur de l'attribut type est hidden, range, color, checkbox, radio, file ou est de type bouton.
value
Il s'agit de la valeur initiale de cet élément. Cet attribut est optionnel excepté lorsque la valeur de l'attribut type est checkbox.
Note : En rechargeant la page, Gecko et IE ignoreront les valeurs spécifiées dans la source HTML (EN), si la valeur a été modifiée avant le rafraichissement de la page.

Exemple

<label><input type="checkbox" id="cbox1" value="premiere_checkbox"> Voici la première checkbox</label><br>

<input type="checkbox" id="cbox2" value="deuxieme_checkbox"> <label for="cbox2">Voilà la deuxième checkbox</label>

Ce code crée deux checkbox, qui ressemble à ceci :

Spécifications

Spécification Statut
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é entres navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 Unknown (1.7 ou antérieur) 2 ou antérieur 1.0 1.0
type=checkbox 1.0 Unknown (1.7 ou antérieur)
3.6 (1.9.2) pour la valeur indeterminate
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)

 

Étiquettes et contributeurs liés au document

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