56 of 133 menu

Case à cocher checkbox

La case à cocher checkbox représente un élément (une coche ou un V) d'un formulaire HTML, qui peut avoir deux états : cochée et décochée.

La case à cocher est créée à l'aide de la balise input avec l'attribut type ayant la valeur checkbox. L'apparence de la case à cocher :

Une case à cocher cochée enverra au serveur le contenu de l'attribut value. Si l'attribut value n'est pas présent sur la case à cocher - elle enverra la chaîne "on". Si la case à cocher n'est pas cochée - rien ne sera envoyé au serveur, indépendamment de la présence de l'attribut value.

Exemple

Créons deux cases à cocher checkbox : que la première soit cochée (car elle a l'attribut checked), et la seconde - non :

<input type="checkbox" checked> <input type="checkbox">

:

Exemple . Case à cocher désactivée

Regardons une case à cocher désactivée à l'aide de l'attribut disabled. En cliquant dessus, son état ne changera pas :

<input type="checkbox" disabled>

:

Exemple . Case à cocher désactivée et cochée

Maintenant, désactivons une case à cocher, dans un état coché, avec l'attribut disabled et donnons-lui l'attribut checked :

<input type="checkbox" disabled checked>

:

Voir aussi

  • boutons radio,
    qui permettent de faire un choix
  • l'attribut checked,
    qui rend une case à cocher cochée
  • la pseudo-classe checked,
    qui définit les styles pour les cases à cocher cochées
  • l'attribut disabled,
    qui désactive les éléments de formulaire
  • la balise label,
    qui définit une étiquette pour la case à cocher
Français
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Nous utilisons des cookies pour le fonctionnement du site, l'analyse et la personnalisation. Le traitement des données est effectué conformément à la Politique de confidentialité.
accepter tout personnaliser refuser