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

  • Pengobatan Nyeri Sendi (www) ⋅ Dec. 9, 2016 05:10

    Thank you for the article was very helpful, I liked his discussion and hopefully a lot of other people who may read this article.

  • Cara Mengobati Nyeri Lutut (www) ⋅ Dec. 10, 2016 06:12

    Thank you for the article was very helpful, I liked his discussion and hopefully a lot of other people who may read this article. <a href="http://www.obatnyerisenditerbaik.com/cara-mengobati-nyeri-lutut-secara-alami-sampai-tuntas/">Obat Nyeri Lutut</a>

  • Pengobatan Ginjal Bocor Pada Anak (www) ⋅ Dec. 12, 2016 03:18

    Thank you for the article was very helpful, I liked his discussion and hopefully a lot of other people who may read this article. <a href="http://www.ragamobatherbal.com/pengobatan-ginjal-bocor-pada-anak-tanpa-operasi/">Pengobatan Ginjal Bocor Pada Anak</a>

  • aisesoft coupon code (www) ⋅ Dec. 12, 2016 08:39

    I visited your website few months back.. and there were just few articles.. Now, you have numerous amazing content..

  • slack vs skype (www) ⋅ Dec. 13, 2016 13:32

    Great Hall is a real-time team cooperation application is relied on by many of the Fortune 500 firms for their team's inner communications. Fine.

  • Funny Gif (www) ⋅ Dec. 14, 2016 15:36

    Amazing work you have done here, I am very satisfied to study this good publish. You are a excellent author and provide us with much details.
    <a href="http://www.hugecount.com/2015/03/husband-wife-jokes-quarrel-of-husband-and-wife.html">Husband Wife Jokes</a>
    <a href="http://www.hugecount.com/2015/03/funny-celeb-pics-compare-taylor-swift-child-and-young-pics.html">Funny Celeb Pics</a>
    <a href="http://www.hugecount.com/2015/03/dancing-gif-miley-cyrus-twerking-twerk.html">Dancing Gif</a>
    <a href="http://www.hugecount.com/2015/03/funny-jokes-santa-interview-for-job.html">Funny Jokes</a>
    <a href="http://www.hugecount.com/2015/03/girlfriend-jokes-have-you-wife-or-girlfriend.html">Girlfriend Jokes</a>
    <a href="http://www.hugecount.com/2016/06/funny-pics-i-do-not-think-it-is-that-i-think-he-had.html">Funny Fics</a>
    <a href="http://www.hugecount.com/2015/03/jokes-sms-computer-like-human.html">Jokes sms</a>
    <a href="http://www.hugecount.com/2015/03/dancing-gif-miley-cyrus-twerking-twerk.html">Miley Cyrus Gif</a>
    <a href="http://www.hugecount.com">Funny Gifs</a>

  • Gifs (www) ⋅ Dec. 14, 2016 15:37

    http://www.hugecount.com/2015/03/husband-wife-jokes-quarrel-of-husband-and-wife.html
    http://www.hugecount.com/2015/03/funny-celeb-pics-compare-taylor-swift-child-and-young-pics.html
    http://www.hugecount.com/2015/03/dancing-gif-miley-cyrus-twerking-twerk.html
    http://www.hugecount.com/2015/03/funny-jokes-santa-interview-for-job.html
    http://www.hugecount.com/2015/03/girlfriend-jokes-have-you-wife-or-girlfriend.html
    http://www.hugecount.com/2016/06/funny-pics-i-do-not-think-it-is-that-i-think-he-had.html
    http://www.hugecount.com/2015/03/jokes-sms-computer-like-human.html
    http://www.hugecount.com/2015/03/dancing-gif-miley-cyrus-twerking-twerk.html
    http://www.hugecount.com

  • Assignment Help (www) ⋅ Dec. 15, 2016 08:13

    Great information, I like your post and concept of you topic.

  • Glucoblock Capsule Green World (www) ⋅ Dec. 21, 2016 04:16

    Thank you for the article was very helpful, I liked his discussion and hopefully a lot of other people who may read this article.

  • Waspada Tanda Dan Gejala Nyeri Lutut Kaki (www) ⋅ Dec. 26, 2016 07:59

    Thank you for the article was very helpful, I liked his discussion and hopefully a lot of other people who may read this article. <a href="http://www.pakarobatherbal.com/glucoblock-capsule-green-world/">Glucoblock Capsule Green World</a>

  • Waspada Tanda Dan Gejala Nyeri Lutut Kaki (www) ⋅ Dec. 26, 2016 07:59

    I liked his discussion and hopefully a lot of other people who may read this article.

  • FaceTime for Windows (www) ⋅ Dec. 26, 2016 08:38

    good Facetime sound as of now is offered for iOS and over tools and any Macintosh gadget with a forward-facing cam running Mac OS and later on. Apple established it on an open basic nice.

  • obat stroke hemoragik tradisional (www) ⋅ Jan. 4, 2017 09:20

    I can feel that the articles contained in this blog is so interesting. I also get a variety informasin, thanks.

  • Menghilangkan Batu Empedu Secara Alami (www) ⋅ Jan. 5, 2017 05:02

    Thank you so much admin has provided very useful information for us

  • Proposal Writer (www) ⋅ Jan. 5, 2017 09:58

    Mentioning the required field in the form is very important for getting the right and must data from the user. The ideas you share here are useful in form designing.

  • augustinebarlow (www) ⋅ Jan. 6, 2017 10:32

    Great Article , thank you for sharing

    <a href="http://www.programmingassignmentshelp.net/programming-assignment-Help/"title="programming assignment help">programming assignment help</a>
    is the best assignment help provider in the United Kingdom. Our <a href="http://www.programmingassignmentshelp.net/computer-programming-assignment-help/"title="Computer Programming Assignment Help ">Computer Programming Assignment Help</a> UK is especially dedicated for the students studying in all UK colleges and universities. Submit assignment to get the best quality assignment help.
    <a href="http://www.programmingassignmentshelp.net/computer-network-assignment-help/"title="computer network assignment help">computer network assignment help</a>

  • Dubus (www) ⋅ Jan. 7, 2017 16:58

    Thanks for the informations. I will try on my site

  • Mobdro Online TV (www) ⋅ Jan. 13, 2017 08:57

    good The official PC version of this application has not yet released or released. Still the Users can have the latest version of the MOBDRO on their PC's nice.

  • klevin (www) ⋅ yesterday 11:19

    Thanks for sharing useful information for us.I really enjoyed reading your blog, you have lots of great content nice post

  • Cara Mengobati Nyeri Sendi Lutut (www) ⋅ today 02:36

    Am very happy to visit this website thanks
    <a href="http://www.stockistherbal.com/nyeri-sendi-lutut-dan-bengkak/">Penyebab Nyeri Sendi Lutut Dan Bengkak</a>
    <a href="http://www.stockistherbal.com/resep-obat-tradisional-sakit-lutut/">Resep Obat Tradisional Sakit Lutut</a>
    <a href="http://www.stockistherbal.com/olahraga-yang-baik-bagi-penderita-nyeri-sendi-lutut/">Olahraga Yang Baik Bagi Penderita Nyeri Sendi Lutut</a>
    <a href="http://www.stockistherbal.com/gejala-sering-nyeri-lutut-kalau-mau-tidur/">Gejala Sering Nyeri Lutut Kalau Mau Tidur</a>
    <a href="http://www.stockistherbal.com/tanaman-herbal-untuk-nyeri-sendi-lutut/">Tanaman Herbal Untuk Nyeri Sendi Lutut</a>

  • Cara Mengatasi Nyeri Tulang Ekor (www) ⋅ today 04:42

    Thank you for the article was very helpful, I liked his discussion and hopefully a lot of other people who may read this article. <a href="http://www.obatnyerisenditerbaik.com/cara-membantu-mengatasi-nyeri-tulang-ekor/">Cara Membantu Mengatasi Nyeri Tulang Ekor</a> <a href="http://www.ahlinyadiabetes.com/obat-tradisional-pengencer-darah-kental/">Obat Pengencer Darah</a>