<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

Compatibilité entres navigateurs