Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What's the best way to highlight a required field on a web form?

Tags:

webforms

I don't find the oft-used "*" to be very nice looking - can anyone suggest a nicer-looking method or point me to an example?

I tried making the field highlighted in red as one person suggested but I did not like the look.

Bold labels might do the trick.

But I really like the idea of "Required" being shown in grey in the field until text is added. Does anyone have code for this?

like image 667
WPWoodJr Avatar asked Nov 04 '08 18:11

WPWoodJr


People also ask

How do you make a field mandatory in a form?

In your form builder account, click on any field in your Form Editor to open its Edit Field panel on the left side of the page. Tick the checkbox Required field and an asterisk will appear next to the label of the form field. The field is now required and visitors can't submit the form without filling it in.

How do I add asterisk to mandatory fields?

You can enable the asterick for required fields in WP Admin > Ultimate Member > Settings > Misc > check “Show an asterisk for required fields”.

What is * Denotes required field mean?

*Denotes required field. **Denotes one or the other field is required. It can be confusing to the user as to which one of the fields is required, as the legend is red in color for both single and double asterisk fields.


2 Answers

Generally speaking, the best web forms are the simplest ones that require me to think the least. The "standard" that has evolved is that required fields have an asterisk (*) next to them. Sometimes the asterisk is red to help it stand out a bit.

Why fight the standard? Don't make your users think too much. Go with the standard and keep your creativity for more important things.

like image 177
David Irwin Avatar answered Sep 20 '22 03:09

David Irwin


If you're going to use colour to highlight the field, bear in mind that some people are colour-blind (so maybe provide another indicator too)

like image 20
cagcowboy Avatar answered Sep 17 '22 03:09

cagcowboy