skip to main content
Avatar of Nicklas Jarnesjö
Nicklas Jarnesjö

Please use inputmode in forms

Keyboard layout on iPhone using inputmode

Almost every webpage or app uses form in any form or another. And more and more people are uses theirs mobiles as primary device for it so please do everyone a favor and start using inputmode on your input for a better experience for all of us.

For example if the user is suppose to fill in number in an input use inputmode="numeric" and the use will get prompt with correct keyboard layout directly for numeric input.

Another example is inputmode="email" and the user once again gets a correct keyboard put also can gets correct suggestions directly from the phone which is a nice UX.

Read more about it on a good article over on CSS-TRICKS - Everything You Ever Wanted to Know About inputmode

Discuss this post on Twitter