O'Reilly logo

Web Form Design by Luke Wroblewski

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 11

Additional Inputs

Inline Additions

Overlays

Progressive Engagement

Best Practices

Not all people require all the input fields within a form at all times. There are many cases where a few simple options cover the majority of people’s needs. For the remaining cases, we can turn to additional inputs: inline additions, overlays, and progressive engagement.

Inline Additions

Inline additions provide additional input fields to the people that need them without getting in the way of people that don’t. These input fields are often thought of as advanced or additional options, but they don’t have to be any more complicated than a normal set of choices presented in the form by default.

Let’s look at a simple example. Most of the people ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required