Forms

Fields, choices and validation, with the browser's own constraint checks shown in the page.

Search

Account

Name At least two characters.

Email An email address, like ada@example.com.

Phone (optional) Digits, spaces, +, ( ) and - only.

Favourite language

Preferences

Plan

Seats: 5

Budget

Invite code Six digits.

Layout Forms Motion

Weekly Monthly Never

About you 0/200

Each field's validity, live, and a rule of the page's own through setCustomValidity(): the two passwords must match.

Password

Again

Field	valid	valueMissing	tooShort	customError	message

One switch disables a whole <fieldset> and every field in it.

Ship to the billing address

Shipping address

Street

City

Country

The browser opens these outside the page, so they do not show in a panel: the fields themselves do.

Date Time Colour File

Download Waiting Disk 42% Battery 15%

The native pickers (date, time, colour, file) and the browser's validation bubbles open outside the page: this page shows the validity itself.
The datalist's suggestions are a native popup too: the field still takes typing.