web-dev-qa-db-ja.com

通貨を含むTextFieldの通貨記号をいつ、どこに表示するのですか?

通貨用のテキストフィールドがいくつかある使いやすく理解しやすいフォームを設計するにはどうすればよいですか?

通貨記号はテキストフィールドの外側または中に配置する必要がありますか?

1つのバリエーションは、テキストフィールドにフォーカスがないときにテキストフィールド内に通貨記号を表示することです。そして、テキストフィールドがフォーカスを取得すると、通貨記号が削除され、10進数のみがテキストフィールドに表示されます。

例:

enter image description here

enter image description here

わかりやすいと思います。しかし、フォーカスが失われ、入力が無効になった場合はどうすればよいですか?無効な状態のままにしておく必要がありますが、入力が無効であることを示すいくつかの色が付いています。

これに対する推奨事項はありますか?金融の世界でテキストフィールドの内外で通貨記号を使用するための慣行はありますか?

3
Jonas

適切なコンバーターを使用してフォームからテキストを取得する場合、入力の一部として通貨記号を残すことができるはずです。たとえば、Silverlight/WPFの標準通貨コンバーターにはこの機能が含まれているため、ユーザーはテキストフィールドに「$ 100,000」または「100,000」を入力でき、どちらも正しく認識されます。

ただし、記号をテキストボックスの外に移動してラベルに組み込む方が簡単な場合があります(パーセンテージの場合と同じです)。フォーカスが変わってもシンボルが表示されたり消えたりしないので、ユーザーにとって混乱が少ないかもしれません。ただし、通貨記号がafterの場合、ラベルが1つではなく2つ必要になるという欠点があります。

これでも、ロケールの通貨を十分に簡単に反映できます。

1
ChrisF

通貨記号をフィールドの外に置くことをお勧めします。フィールド内に記号を置くと少し乱雑に見えます。また、シンボルを表示したり非表示にしたりすると、サイトに不要なコードや複雑さが追加されます。

必要に応じて、通貨記号を作成できます。A-「APR(%)」ラベルで行ったようにラベルの一部、またはB-すべての記号を入力フィールドの横に並べて、通貨記号と%記号はすべて、入力フィールドの左側にきちんと並んでいます。

3
Francois