Open Playground →

Property

type

moves the key layout

why?

keyboard (semantic type)

Sets the keyboard when inputmode is absent, plus validation and secure entry.

iOS screen for type="text" — whole frame, uncroppedthe key layout

Default QWERTY, with autocorrect and suggestions.

layout-text · iOS 26.3 · Simulator · Safari

Try in playground →

Jobs that set this

support & traps

  • type="number" is a trap

    type="number" misbehaves in ways the keyboard alone can't show: desktop scroll and arrow keys silently change the value, leading zeros are stripped, and Dragon or NVDA users hit dictation and labeling failures. On iOS it also shows the QWERTY number row, not a digit pad.

    Do: For codes, PINs, and other digit strings use type="text" inputmode="numeric" pattern="[0-9]*" (the GOV.UK pattern). Reserve type="number" for true quantities where spinner stepping helps.

    GOV.UK: why we changed the input type for numbers