Open Playground →

Recipes

The right input for the job — verdict first, markup ready to copy, traps called out.

The right input for card numbersA card number, filled from the browser's saved cards — or scanned with the camera on iOS.
The right input for currency amountsA money amount with decimals — 19.99 — entered on a digit pad.
The right input for email addressesAn email address, typed without autocorrect surprises or filled from the browser's own suggestion.
The right input for one-time codesA six-digit SMS code the user should never have to type by hand.
The right input for passwordsA password field that surfaces the saved credential — or generates a strong new one.
The right input for phone numbersA phone number, typed on the dial pad or filled from the user's own contact card.
The right input for search fieldsA search box whose keyboard says Search on the return key.