divulgation: votre support aide à maintenir le site en cours d’exécution! Nous gagnons des frais de parrainage pour certains des services que nous recommandons sur cette page. En savoir plus

valeur de comment définir le Type D’entrée en HTML (toutes les valeurs et attributs) Que fait Handling Checkbox Data With In HTML: Here's How? Définit une case à cocher, que l’utilisateur peut activer ou désactiver.,

exemple de Code

<form> <input type="checkbox" name="love" value="love"><label for="love"> Check if you love this website!</label></form>

gestion des données des cases à cocher

Les cases à cocher sont un peu difficiles à manier du point de vue des données. Une partie de cela est qu’il ya essentiellement deux façons différentes de penser à leur fonctionnalité. Souvent, un ensemble de cases à cocher représente une seule question, à laquelle l’utilisateur peut répondre en sélectionnant n’importe quel nombre de réponses possibles. Ils ne sont, surtout, pas exclusifs les uns des autres. (Si vous voulez que l’utilisateur ne puisse choisir qu’une seule option, Utilisez des boîtes radio ou l’élément <select>.,)

Vérifiez toutes les langues que vous maîtrisez.

HTML
CSS
JS
PHP
Ruby
INTERCAL

la façon naturelle de représenter cela dans votre code d’application (côté serveur ou frontal) est avec un tableau.

userLangs =

cependant, ce n’est pas ainsi que le navigateur enverra les données. Au contraire, le navigateur traite une case à cocher comme si elle était toujours utilisée dans l’autre sens, comme une valeur de vérité booléenne.

<input type="checkbox" name="tandc" value="true"><label for="tandc"> I agree to all terms and conditions.</label>
j’accepte tous les Termes et conditions.

Contrairement aux boutons radio, un ensemble de cases à cocher ne sont pas logiquement liées dans le code., Donc, du point de vue de HTML, chaque case à cocher dans un ensemble de cases à cocher est essentiellement seule. Cela fonctionne parfaitement pour les cases à cocher de valeur booléenne à choix unique, mais cela présente un petit hoquet pour les tableaux de choix. Il y a deux façons de traiter avec elle. Vous pouvez soit donner à toutes les cases à cocher le même attributname, soit donner à chacune unnamedifférent.,

Si vous utilisez le même name pour tous, votre demande chaîne ressemblera à ceci: langs=HTML&langs=CSS&langs=PHP Si vous utilisez des noms différents, il ressemble à ceci: HTML=HTML&CSS=CSS&PHP=PHP Le premier semble un peu meilleure, mais ce qui se passe quand vous arrivez à PHP et essayer d’obtenir les valeurs?

$langs = $_REQUEST; // What is $langs ?

en PHP, vous pouvez vous assurer que les différentes cases à cocher identiquement nommées sont combinées dans un tableau sur le serveur en ajoutant un ensemble de crochets () après le nom.,

Voir ce tutoriel PHP forms pour plus d’informations. Cette syntaxe de création de tableaux est en fait une fonctionnalité de PHP, et non HTML. Si vous utilisez un côté serveur différent, vous devrez peut-être faire les choses un peu différemment. (Heureusement, si vous utilisez quelque chose comme Rails ou Django, vous utiliserez probablement des classes de générateur de formulaires et n’aurez pas à vous soucier autant du balisage.)

bonnes pratiques d’étiquetage

Vous devez toujours mettre le <label> après le <input type="checkbox">, et sur la même ligne., Il devrait, en général, un espace entre la balise <input> et le <label>. Vous pouvez accomplir cela avec un peu de marge, ou simplement avec un espace typographique. La balise <label> doit toujours utiliser for attribut, ce qui indique qu’il est connecté à la balise <input> par id. Il s’agit d’une pratique d’utilisation importante, car elle permet à l’utilisateur de cocher et de décocher la case en cliquant sur l’étiquette, pas seulement la case à cocher (trop petite) elle-même., Ceci est encore plus critique aujourd’hui que par le passé en raison des écrans tactiles — vous voulez donner à l’utilisateur l’expérience de case à cocher la plus simple possible.

Oui! Faire de cette façon.

Non. Cela nécessite un espace entre la boîte et les mots.

Non. La case à cocher doit être placée avant l’étiquette.

Non. L’étiquette doit identifier la case à cocher.
pensez-vous de cette façon? (Mauvais.)

c’est incroyable de voir à quel point de petits détails comme ça font une différence dans la façon dont vos utilisateurs vivent et ressentent votre site., Vous voulez rendre vos utilisateurs heureux d’utiliser vos formulaires, ou du moins ne pas les détester. Un style de forme approprié et une facilité d’utilisation contribuent grandement à améliorer la satisfaction globale de vos utilisateurs. Pour plus d’informations, consultez nos tutoriels sur le style et l’utilisation des formulaires.

Adam est un rédacteur technique qui se spécialise dans la documentation et des tutoriels.,

Browser Support for checkbox

All All All All All All