Label Placement Best Practices for Form Fields

Level: Basic

Where a label sits relative to its input field affects how quickly a visitor can scan and understand a form.

Top-Aligned Labels Are Generally the Fastest to Scan

Placing labels directly above their corresponding field allows the eye to move in a single, efficient vertical path down the form.

Avoid Relying on Placeholder Text as the Only Label

Placeholder text that disappears once a visitor starts typing removes helpful context right when they might need it most, particularly for longer forms.

Keep Label Placement Consistent Throughout the Entire Form

Mixing different label placement styles within the same form creates unnecessary visual inconsistency and slows down scanning.

Next step: Use the Website Screenshot Generator to capture your current form layout to review whether label placement is helping or slowing down the scanning process.