Join Luke Wroblewski for an in-depth discussion in this video Additional inputs, part of Web Form Design Best Practices.
Not everyone using a web form has the same needs, so not every input…field applies to them.…In fact, it's better to hide irrelevant options from people so they don't…need to consider them.…To do so, we can turn to additional inputs, let's look at an example.…Most people have a single manager, so a form asking for that information usually…just exposes First Name and Last Name of your manager.…In cases where you're in a matrix organization or have two managers for another…reason, Additional Inputs allow you to specify that second manager quickly and…easily, just click the Add another manager link directly below the input field…and you get another First Name, Last Name series of inputs.…
Note that there is a quick way to remove those inputs, if you click them in…error and decide you don't actually need them.…The Remove manager link to the right of the input fields let's you do just that.…Now in situations where you happen to have three managers, you can just click…Add Another Manager again to expose another set of input fields.…
- Understanding why forms matter
- Deciding on the form length and structure
- Adding tabs to a form
- Creating required fields
- Adding input masks
- Creating selection-dependent inputs and actions
- Displaying success and error messages
- Adding inline validation
- Understanding gradual engagement
- Enabling touch and audio input on devices
Skill Level Appropriate for all
1. Form Organization
2. Form Interaction
3. Moving Beyond Static Forms
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.