Reputation: 228
HTML5 has a new input type named "number". On most mobile smartphones this brings up a numeric keypad. On pre-html5 phones the type falls back to "text" and we are OK. Yet, on some models the numeric keypad does not have a period and one cannot click the "symbols" button to add one. Known models with this flaw are:
What other models? Older Samsung Android 2.2 phone does not have this problem. Other Android devices such as Nabi Tab do not have this problem. I read the Galaxy S3 did not have this problem.
See related discussion:
Also, not noted on those is that input type="tel" works fine for iPad but does not work as a replacement for number on an iPhone. So, a webapp must determine the device model or else resort to input type="text".
What phone and tablet models incorrectly interpret input type="number"
as a whole, non-decimal input keyboard?
Upvotes: 5
Views: 6292
Reputation: 1
I have discovered a work around for this problem. It works for my Samsung Galaxy S2 phone and I suspect it will work for all Samsung devices that suffer from the "missing decimal point" problem on the numeric keyboard. Hopefully others with different Samsung devices can check this solution and report their findings.
Unfortunately, it is a client based (phone owner) solution so it does not really help from a web developer standpoint. Here is the solution that worked for me:
After following this procedure, the numeric keypad should show an extra button labelled .- That is, the same button is used for both minus signs and decimal points. Double-click this button to get a minus sign (provided the field is currently empty) and single click to get a decimal point.
Upvotes: 0
Reputation: 576
It turns out to be all SAMSUNG with 4.x as well as HTC with 4.4 and reports of other vendors (Xperia). Long story short, at least put in the fix for anything with User-Agent having SAMSUNG or HTC and running 4.x; but possibly put in the fix for anything having ANDROID.
Upvotes: 0