Force Numeric Keyboard for Mobile Device

mobile mobile-website
divided picture divided · Jan 20, 2011 · Viewed 17.6k times · Source

This is not a "mobile" website. It is regular HTML/CSS. Is there a way I can force mobile devices to popup with the numeric keyboard when they focus on my textboxes?

Answer

awayken picture awayken · Aug 1, 2013

We've had the best luck with using a combination of type="number" and pattern="\d*". We've seen success on iOS and Android devices, although I don't have a list of OS versions to share here.

<input type="number" pattern="\d*" name="year">

Related questions

Blocking device rotation on mobile web pages

Is it possible to detect on my page, for example using Javascript, when user visit it using mobile device in portrait mode, and stop orientation changing when user rotate its phone to landscape? There is game on my page, optimized …

Read More
What is the difference between "SMS Push" and "WAP Push"?

The terms WAP Push and SMS Push seems to both be used when talking about pushing messages to a mobile application to trigger download of WAP content. Do the terms refer to the same mechanism or do they have different …

Read More
Tooltips for mobile browsers

I currently set the title attribute of some HTML if I want to provide more information: <p>An <span class="more_info" title="also called an underscore">underline</span> character is used here</…

Read More