Quelles sont les meilleures pratiques pour aligner une case à cocher HTML sur un formulaire Web?
Considérez ce formulaire HTML:
La case à cocher dans le formulaire est vraiment pénible dans le ..., car quoi que vous fassiez, elle ne peut pas être alignée sous une bonne forme visuelle avec les autres commandes du formulaire. Par exemple, voici deux autres dispositions possibles:
et
La principale raison est que l'étiquette de la case à cocher doit apparaître sur le côté opposé. Même le mettre du bon côté ne résout pas la disposition visuelle non harmonique.
Ma question est de savoir quelles sont les meilleures pratiques pour les cases à cocher sur le Web. Dois-je le remplacer par un contrôle de sélection HTML à 2 éléments?
les étiquettes des formulaires doivent être cohérentes.
voici l'une des nombreuses solutions (j'ai utilisé des boutons radio ce qui revient à la même chose qu'une case à cocher, mais vous pouvez rester avec la case à cocher)
ou vous pouvez aligner en haut:
modifier pour ajouter:
http://www.slideshare.net/lukew/web-form-design-best-practices
bons conseils sur les alignements de formulaires ....
L'un des moyens les plus utiles pour aligner des éléments sur une page (je l'ai trouvé au moins), consiste à utiliser des tableaux. Il est assez simple de bien trier les choses en lignes et en colonnes et de masquer toutes les bordures de sorte que pour l'utilisateur, tout semble bien aligné. Un avantage supplémentaire réside dans les cellules de taille variable. Si quelque chose a besoin de plus d'espace, donnez-lui plus d'espace. Si une case à cocher doit être complètement sur le côté, définissez la largeur td sur quelque chose comme 5 ou 10% (selon la taille de la ligne). Certaines dispositions vraiment sympas peuvent être construites de cette façon.