Let's say I have a form with fields that accept data in very specific formats, such as currency (£) or percentage (%). How should I convey that to a user? If I use 'sub-labels' (symbols that represent these formats), how should I align them with my form fields?
There seem to be three obvious options, which I've mocked up below:
- Place the 'sub-labels' to the side of the fields, which are aligned to the form's gridlines
- Place the 'sub-labels' to the side of the fields, but align the sub-labels to the form's gridlines
- Don't use any 'sub-labels'. Explain what you want in the field's main label.
Here's some images:
My instinct is to go with 1 or 3, but what would you advise - and why?
Edit: This is related to a real world project, which has certain restrictions. One of those is that it's unfeasible for us to switch to right-alignment - we have hundreds of forms, and very few developer resources. Given this restriction, what choice works for the current iteration?