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 5

Input Fields

Types of Input Fields

Field Lengths

Required Fields

Input Groups

Flexible Inputs

Best Practices

Once it’s clear what questions should be on a form and how they should be presented, we need to provide people with a way to answer them. For this, we turn to input fields: checkboxes, radio buttons, drop-down menus, and text boxes of varying size.

Types of Input Fields

Because selecting which input field is right for a specific interaction is a fundamental interaction design problem, it’s a bit outside the scope of this book.[1] However, a quick overview of when to use checkboxes, radio buttons, drop-down menus, and text boxes within Web forms is probably in order (see Figure 5.1 and Table 5.1).

Figure 5.1 The various ...

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