Address format

The address format is an essential part of many forms. Billing information, Shipping information, Mailing information — all those forms require an address.

Description

Always associate a label to every text field for good accessibility. Do not include a colon at the end of the label.
Names of fields, hints, inputs and other parts of the form can vary based on region. For eg US says ‘ZIP’, whereas, in Europe, it is a postal code.
Pre-fill/auto-detect as much as you can. Auto-filling helps people fill out forms 30% faster.

Element states

Default

How to use this element

Example

Code

Send feedback

Report an issue or share an idea

Include screenshot of current page

Send feedback

moveclose

Thank you for helping us improve EOS.