Names and addresses

Asking for names

Guidance for asking people’s names:

Allow for long names and names as short as one character.
Support as many characters as possible, like accent marks.
Make clear if the name must appear the same as in official documents such as a driver’s license.
Don’t spellcheck user’s name. Set spellcheck attribute to <false> when possible.

Text input fields specific to names

Single field

When possible, use a single field to ask for names.

Asking for “Full name” allows users to enter their name as they would prefer. Not every user has a first and last name.

The structure of names can vary around the world. For example, “First name” can sometimes be a person’s family name. This can cause confusion about how they should enter their name into a form.

Label that reads Full name above an empty text field.

Multiple fields

If possible, stack fields in one column and label optional fields in a clear way.

Example of three fields when asking for a person's name. First field reads, First or given name, second field reads Middle name (optional), and third field reads Last or family name.

Asking for addresses

Use multiple fields for addresses.

Autocomplete addresses

When possible, add autocomplete to address fields. Users can autofill the form with information saved in their browser or from an API. Autocomplete prevents errors, is quick, and creates a better user experience.

Address line 2

Address line 2 is the optional field below the main address field.

It's used for units within a building or a post office box. Other examples include apartment, suite, floor, building, or unit.

Clearly label Address line 2 as optional.

For example, put "optional" in parentheses:

Form showing fields left aligned lables and text fields.