Un élément qui peut être activé ou non. Il est le plus généralement affiché sous la forme d'une case vide lorsque l'élément est désactivé et une case avec une coche lorsqu'il est activé. L'utilisateur peut changer l'état de la case à cocher en la sélectionnant avec la souris. Un label, spécifié avec l'attribut label
, peut être ajouté à côté de la case à cocher.
Vous trouverez plus d'informations dans le Tutoriel XUL.
Exemples
<checkbox label="Activer JavaScript" checked="true"/> <checkbox label="Activer Java" checked="false"/>
Attributs
-
accesskey
- Type : caractère
- Cet attribut doit être une lettre utilisée comme touche de raccourci. Cette lettre doit être un des caractères apparaissant dans l'attribut
de l'élément.label
Exemple
<vbox> <label value="Entrez votre nom" accesskey="e" control="myName"/> <textbox id="myName"/> <button label="Annuler" accesskey="n"/> <button label="OK" accesskey="O"/> </vbox>
Voir également
-
checked
- Type : booléen
- Indique si l'élément est coché ou non.
-
Utilisez
hasAttribute()
pour déterminer si cet attribut est défini plutôt quegetAttribute()
.
Pour les boutons, l'attributtype
doit etre mis àcheckbox
ou àradio
pour qu'un effet soit perceptible.
-
crop
- Type : une des valeurs ci-dessous
- Si le label de l'élément est trop long pour être contenu dans son espace donné, le texte sera tronqué du côté indiqué par l'attribut
crop
. Une ellipse (…) sera utilisée à la place du texte tronqué. Si la direction de la boîte est inversée, le tronquage l'est également.
-
start
: Le texte sera tronqué du côté gauche. -
end
: Le texte sera tronqué du côté droit. -
left
: Le texte sera tronqué du côté gauche. -
right
: Le texte sera tronqué du côté droit. -
center
: Le texte sera tronqué en son milieu, en affichant le début et la fin normalement. -
none
: Le texte ne sera pas tronqué avec une ellipse. Cependant il sera simplement coupé là où il est trop large. Le côté dépend de l'alignement CSS.
-
disabled
- Type : booléen
- Indique si l'élément est ou non désactivé. Si cette valeur est définie à
true
, l'élément est désactivé. Les éléments désactivés sont habituellement affichés avec leur texte grisé. Si l'élément est désactivé, il ne répond pas aux actions de l'utilisateur, il ne peut pas recevoir le focus, et l'évènementcommand
ne se déclenchera pas.
<!-- La case à cocher active/désactive le bouton --> <checkbox label="Enable button" onclick="document.getElementById('buttRemove').disabled = this.checked"/> <button id="buttRemove" label="Remove All" disabled="true"/>
-
label
- Type : chaîne de caractères
- Le label qui apparaîtra sur l'élément. S'il n'est pas spécifié, aucun texte n'apparaîtra.
-
preference
- Type : id d'élément
- Connecte l'élément à une préférence (élément
preference
) correspondante. Cet attribut n'a d'effet qu'utilisé au sein d'unprefwindow
. La valeur de la préférence sera mise à jour pour correspondre à la propriétévalue
de l'élément.
-
tabindex
- Type : entier
- L'ordre de tabulation de l'élément. L'ordre de tabulation est l'ordre dans lequel le focus se déplace lorsque l'utilisateur appuie sur la touche « tab ». Les éléments dont le
tabindex
est plus haut se trouvent plus tard dans la séquence de tabulation.
Propriétés
-
accessibleType
- Type : entier
- Une valeur indiquant le type d'objet d'accessibilité pour l'élément.
Méthodes
Sujets liés
- Interfaces
- nsIAccessibleProvider, nsIDOMXULCheckboxElement