Où et quand afficher les symboles monétaires pour les TextFields contenant des devises?
Comment dois-je concevoir un formulaire facile à utiliser et à comprendre qui comporte quelques champs de texte pour la devise?
Le symbole monétaire doit-il être placé à l'extérieur ou dans le champ de texte?
Une variante consiste à afficher le symbole monétaire à l'intérieur du champ de texte lorsque le champ de texte n'a pas le focus. Et lorsque le champ de texte obtient le focus, le symbole monétaire est supprimé et seul un nombre décimal est affiché dans le champ de texte.
Exemples:
Je pense que c'est facile à comprendre. Mais que faire si le focus est perdu et que l'entrée n'est pas valide? Je suppose qu'il devrait être laissé dans un état invalide mais avec des couleurs qui indiquent que l'entrée n'est pas valide.
Y a-t-il des recommandations à ce sujet? Existe-t-il une pratique d'utilisation du symbole monétaire à l'intérieur ou à l'extérieur du champ de texte dans le monde financier?
Si vous utilisez un convertisseur approprié pour obtenir le texte du formulaire, vous devriez pouvoir laisser le symbole monétaire dans le cadre de la saisie. Par exemple, le convertisseur de devises standard dans Silverlight/WPF inclut cette fonctionnalité afin que l'utilisateur puisse entrer "100 000 $" ou "100 000" dans le champ de texte et que l'un ou l'autre soit reconnu correctement.
Cependant, il pourrait être plus simple de déplacer le symbole en dehors de la zone de texte et de l'incorporer à l'étiquette (de la même manière que vous avez avec le pourcentage). Cela peut être moins déroutant pour vos utilisateurs car le symbole n'apparaît pas et disparaît lorsque le focus change. Cependant, il a l'inconvénient que si le symbole monétaire vient après le montant dont vous avez besoin d'avoir deux étiquettes plutôt qu'une.
Vous pouvez toujours obtenir cela pour refléter assez facilement la devise des paramètres régionaux.
Je recommanderais d'avoir le symbole monétaire en dehors du champ - il semble un peu encombré d'avoir le symbole à l'intérieur des champs. De plus, faire apparaître et disparaître des symboles ajoute du code et de la complexité inutiles à votre site.
Si vous le souhaitez, vous pouvez faire le symbole monétaire: A - une partie de l'étiquette, comme vous l'avez fait avec l'étiquette "APR (%)" ou, B - avoir tous les symboles alignés à côté des champs de saisie, de sorte que le les symboles de devise et de% sont tous alignés les uns en dessous des autres dans une rangée nette à gauche des champs de saisie.