All Input Purposes on Appropriately Named Fields

This form demonstrates all 53 autocomplete input purpose values listed in WCAG 2.2 Section 7: Input Purposes for User Interface Components, using the autocomplete attribute. Shipping and billing address fields use the shipping and billing autofill scope prefixes per the HTML autofill specification. The naming of fields is appropriate to the “purpose” defined via autocomplete. Though the fields are wrapped in a form element, the Submit button does not pass collected values to a server or script.

Account Information

Username

Current Password

New Password

Personal Information

Title

Full Name

First Name

Middle Name(s)

Last Name

Name Suffix

Nickname / Handle

Company / Organization

Job Title

Gender Identity

Preferred Language

Date of Birth

Birth Month

Birth Day

Birth Year

Personal Website

Profile Photo URL

Instant Messaging Address

Contact Information

Email Address

Phone Number (including country code)

Phone Country Code

National Phone Number

Area Code

Local Number (without area code)

Local Number Prefix

Local Number Suffix

Phone Extension

Shipping Address

Street Address

Address Line 1

Address Line 2

Address Line 3

Neighborhood / District

Suburb / Township

City / Town

State / Province

Country Code

Country Name

ZIP / Postal Code

Billing Address

Street Address

Address Line 1

Address Line 2

Address Line 3

Neighborhood / District

Suburb / Township

City / Town

State / Province

Country Code

Country Name

ZIP / Postal Code

Payment Information

Name on Card

First Name on Card

Middle Name on Card

Last Name on Card

Card Number

Expiration Date (month and year)

Expiration Month

Expiration Year

Security Code (CVV / CVC)

Card Type

Preferred Currency

Transaction Amount