10

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?

divided
  • 1,249
  • 5
  • 14
  • 27
  • There isn't a guaranteed way that will work on ALL devices. Do you have a specific issue you're trying to address? or do you just want an easy way for users to enter a number? – Matt Lacey Jan 21 '11 at 12:35
  • No specific issue, I'd just like it to default to the numeric keyboard. – divided Jan 21 '11 at 13:47

4 Answers4

18

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">
awayken
  • 485
  • 3
  • 8
10

Just updating this post based on new tech..

<input type="number"/>

Works on most OS's aside from iOS.

So a newer version was introduced where you could simply use:

<input type="tel"/>

This forces a numbered keypad on any mobile device these days.

You can reference here for more info on this exact topic.

Kamakazy
  • 111
  • 1
  • 5
5

Its called "-wap-input-format". You can use it in your css or in style element such as

<input type="text" style="-wap-input-format: 'N'"/>

See http://www.developershome.com/wap/wcss/wcss_tutorial.asp?page=inputExtension2

Edit: I didn't realize you wanted to pop-up numeric keyboard. I'm not sure if it is possible

nLL
  • 5,662
  • 11
  • 52
  • 87
  • This is for WCSS, which I'm not using. This does not work for regular CSS. – divided Jan 21 '11 at 14:33
  • you should be able to use it inline style and if phone supports it, it will work. Works on symbian. http://discussion.forum.nokia.com/forum/showthread.php?34533-Wap-CSS-support-in-XHTML-browsers – nLL Jan 21 '11 at 15:00
0

HTML5 has a new input type "number" that tells mobile devices to bring up the numeric keypad:

<input type="number"/>

Read about it (and the other new input types) here: http://html5doctor.com/html5-forms-input-types/

danallison
  • 48
  • 7