Which keyboard?

Open this page on a phone: cse134.site/interaction/forms/demos/keyboards.html

Tap each field. Its hint says what should appear; phones differ, so note where yours does.

type

type="text": the full keyboard, with a capital letter to start.


type="email": @ and . on the first layer, no capital letter.


type="url": / and . keys, often .com.


type="tel": a phone keypad with *, # and +.


type="number": digits, usually with a point and a minus; varies the most.


type="search": the full keyboard, Enter labeled for searching.


type="date": a date picker, not a keyboard.
inputmode

inputmode="numeric": digits 0 to 9 only. The type stays text, so a leading 0 is kept.


inputmode="decimal": digits and your locale's decimal separator.


inputmode="none": no keyboard at all. Only for pages that supply their own keypad.
enterkeyhint

enterkeyhint="next": Enter reads "next" or shows an arrow.


enterkeyhint="go": Enter reads "go".


enterkeyhint="send": Enter reads "send".


enterkeyhint="done": Enter reads "done" and closes the keyboard.
autocomplete

autocomplete="name": your saved name offered above the keyboard.


autocomplete="email": your saved addresses offered.


autocomplete="tel": your saved number offered.


autocomplete="shipping street-address": a saved address, filling the whole set.


autocomplete="shipping postal-code": filled with the address above.


autocomplete="username", no capitals, no corrections: saved accounts offered.


autocomplete="new-password": a password manager offers a strong new password.


autocomplete="one-time-code": a digit pad; some phones offer a code that just arrived by text message.