Required Form Fields </>

Indicating clearly required or optional fields on a form tells the user what needs to be filled in to complete the form. If most of the form fields are optional, use text or asterisk (*) next to each field to indicate required fields. If you choose asterisk, provide a legend which tells the meaning of it.

If most questions on a form require an answer, indicating all required fields would add unnecessary info to the form. In this case indicate the ones that are optional using an “Optional” text next to the optional field labels.

Another alternative would be to not indicate required fields but handle missing required input with error messages.

What problem does the pattern solve?

When to use it?

You’re designing a form that contains both required and optional form fields.

How to use it?

  • First of all, keep the form simple. Avoid optional input fields in forms, don’t ask users to provide useless information.
  • Show the required/optional indicators next to labels instead of input fields to make it easier to scan the form through and see what information needs to be given.
If most of the form fields are optional:
  • Use text or asterisk (*) next to each field to indicate required fields.
  • If you choose asterisk, provide a legend which tells the meaning of it.
  • Consider bolding the required field label.
If most of the form fields are required:
  • Use text “(Optional)” after optional field labels to indicate optional fields.

Why to use it?

People need to know what needs to be filled in to complete the form, otherwise they will get an error if some of the required form fields are left blank.

JQuery 1.11.3 in use.

Useful links

Example images (5 examples)

Comments

  • Malli ⋅ Aug. 23, 2012 13:48

    Most designers are aware of the risks of using color alone in indicating something important. The obvious risk is that it confuses people with strong color-blindness. The method - where you put a note at the top of the page that says 'Mandatory fields are marked with *' and then adding *s to labels - is old and clunky. It creates two layers of information that the user needs to go through. Also, the word 'mandatory' is too legalistic and intimidating.

    If you follow the logic that users will scan only what they need (and not some outlying notes and prompts), then by far the best way is to user the word 'required' with field-set labels or field labels.

    It is clear, to the point, and does not rely on. color

  • Aniagu Ebere ⋅ Nov. 9, 2016 18:18

    my gmail account is disable

  • ema watson (www) ⋅ Nov. 10, 2016 10:43

    Terrific work! I am analyzing such things and your effort in the content.keep up writing.
    <a href="http://www.tedwed.com/product/the-walking-dead-season-6-jeffrey-dean-morgan-negan-jacket/">Get More Information</a>

  • ema watson (www) ⋅ Nov. 10, 2016 12:14


    this post is very auspicious write up.All can simply know it. Thanks
    <a href="http://tedwed.com/product/the-walking-dead-season-6-jeffrey-dean-morgan-negan-jacket">click reference</a>

  • Richard Docc (www) ⋅ Nov. 15, 2016 11:25

    Great post, its really useful for researchers. Thanks for sharing :)

  • Cheap Escorts in Gurgaon (www) ⋅ Nov. 15, 2016 13:07

    Beneficial blog site and also the fantastic excellent material in addition to I’m guaranteed this will be enormously very helpful.

  • Hot escorts Services in Bangalore (www) ⋅ Nov. 15, 2016 13:11

    This is an informative post review. I am so pleased to get this post article and nice information. I was looking forward to get such a post which is very helpful to us.

  • How To Select Escorts in Goa (www) ⋅ Nov. 15, 2016 13:31

    Its great article, there are many useful information here.

  • rolex replica (www) ⋅ Nov. 17, 2016 05:37

    Old man to send a watch to spend some thought Many of http://www.drhaushka.co.uk them are "successful people" or "quasi successful people", is not willing to watch such an important thing lost points. "Plum" and "Yingna Lattice "is not in their eyes, at best a tissot". If your bag is a drum, this person is also worth your investment, Rolex, OMEGA and Longines is a good choice. Rolex is going to be five needle taste, OMEGA also drilled 21 Longines is best with Crocodile Leather Watchband that several. Some people May say, why not http://www.kidsmoneyland.co.uk count, count the stars but have the price. Come on, don't be so bad, all the stars are in the East.West, the real noble is not to look at a glance. Now the European real family child wearing a diamond ring when the diamond to the palm of http://www.rolexreplicauk.co.uk the hand wearing only a look at the past, from the back of the hand Matte platinum ring road, turn over to see the big trumpet like mahjong like diamonds. Again authentic sky star if the temperament is not so noble gas of people wear In ten, there will be eleven think he is wearing is a 120 ocean cargo Sibelius - you can not be like Xianglinsao like everywhere with the invoice to explain:My watch is an authentic count.

  • tank trouble (www) ⋅ Nov. 17, 2016 05:41

    Wow. cool post. I’d like to write like this too – taking time and real hard work to make a great article… but I put things off too much and never seem to get started. Thanks though.
    http://supersmashflash-2.com

  • spotify app (www) ⋅ Nov. 19, 2016 08:11

    good this iphone app in both no cost and top quality variants. With spotify with your laptop, portable, gadget and extra. In this document we furnish you entire lead on features of spotify iphone app and how to download spotify great.

  • Godaddy promo codes (www) ⋅ Nov. 19, 2016 19:18

    Thanks for sharing information keep posting it more it will help me in future

  • clash of clans cheats (www) ⋅ Nov. 22, 2016 17:00

    This article will help to a lot of people.

  • ada (www) ⋅ Nov. 26, 2016 04:04

    <a href="http://bit.ly/1tPCwen1">mobil2</a>
    <a href="http://bit.ly/1tPCwen1">mobil2</a>

    [url=http://bit.ly/1pkl8ji1]mobil3[/url]

  • Obat Herbal Hepatitis B (www) ⋅ Nov. 30, 2016 03:52

    saat ku belajar