web-dev-qa-db-fra.com

Groupe de cases à cocher et champs de texte de support

Quelle est la meilleure façon de disposer un groupe de cases à cocher et les champs de formulaire de prise en charge?

Par exemple, dans ce formulaire, l'utilisateur peut sélectionner plusieurs choix pour une méthode de livraison de rapport. Certains choix nécessitent des informations supplémentaires telles qu'une adresse e-mail, un numéro de fax ou un emplacement de dossier.

J'aimerais garder les cases à cocher les unes à côté des autres afin qu'il soit plus facile pour l'utilisateur de choisir une ou plusieurs options de remise de rapport. Voici une capture d'écran des cases à cocher et des champs de texte associés. Les champs de texte pris en charge deviendront actifs/désactivés lorsque la case appropriée sera cochée.

enter image description here

7
Christopher Keeler

Plutôt que d'essayer de mettre toutes les cases à cocher ensemble, je voudrais les énumérer verticalement avec tous les champs en dessous ou à côté d'eux. De cette façon, il est plus facile de numériser et l'association est plus forte entre la case à cocher et les champs.

enter image description here

Veuillez noter que je suggère le principe ici, pas la conception.

5
JohnGB

Si vous placez vos cases à cocher verticalement et les champs contenant des informations supplémentaires pour une case à cocher particulière à leur droite, cela semble plus logique. Si vous vous inquiétez de la croissance de la liste des e-mails, vous pouvez le faire en tant que champ de texte avec une largeur fixe et deux boutons à droite - Modifier et Effacer. Appuyez sur Modifier pour démarrer un autre formulaire ou contrôle pour modifier la liste, appuyez sur Effacer pour effacer la liste. enter image description here

2
Serg

Avec la solution John B, vous ne pouviez afficher le champ de saisie que si une case à cocher associée était active.

Exemple:

N'affichez le "numéro de télécopie" que lorsque la télécopie est cochée.

1
Mathieu Montebianco