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 4

Labels

Label Alignment

Top-Aligned Labels

Right-Aligned Labels

Left-Aligned Labels

Labels Within Inputs

Mixed Alignments

Best Practices

Every Web form has at least three basic elements: labels, input fields, and actions. Labels are responsible for asking questions. Input fields provide a way for people to answer those questions. Actions allow people to submit the answers they have provided. While astute readers might argue that a label-less form could exist, most people would be hard-pressed to figure out how to use it.

As we saw in Chapter 2, labels need to ask people questions succinctly in a language they understand so that answering is easy. But how people answer the questions labels pose to them is also dependent on how the ...

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