Using a number keypad with a decimal point via HTML5/JS/PhoneGap

Question

I think a similar question has been asked here, but the solutions accepted were the standard HTML5 input type declarations. Allow me to explain:

I want to use the iPhone number keypad which you can trigger with input type="number" but have an asterix appear on that keypad. Now, I don't think this is possible through PhoneGap, yet it is definitely possible through iOS via UIKeyboardTypeDecimalPad but as I'm building hybrid applications, I don't have access to native code, which is where my problem lies. Is it simply not possible to edit the keypad through Javascript/PhoneGap adapter? I wouldn't be too surprised but I'm looking to get as close to confirmation of that as possible.

I know of one half-house alternative, which is:

<input type="number" name="n" />

This will show the numbers as well as some characters. The only problem with this is that I really like having the numbers really big as it improves the user's experience a considerable amount. Any thoughts on this are welcomed as I've been scratching my head on this for days!

Thanks!

Torsten Walter · Accepted Answer · 2012-08-09 08:49:18Z

1

Apple has a great document: User Experience Coding How-To's for Safari on iPhone.

To display a numeric keyboard, set the value of the pattern attribute to "[0-9]" or "\d".

This results in this:

<input type="text" name="n" pattern="[0-9]*" />

edited Aug 9, 2012 at 8:49

answered Aug 9, 2012 at 8:38

Torsten Walter

5,80225 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PassKit Over a year ago

Unfortunately this can only show numerals without a decimal point

Clinton Ward · Accepted Answer · 2012-08-10 03:23:03Z

1

I have been looking at this problem and I have concluded that it's not possible yet, I hope the phonegap team implement it soon. There is this jquery keypad that you could implement but I have not tried it yet because it would look out of place in a mobile app

answered Aug 10, 2012 at 3:23

Clinton Ward

2,5211 gold badge23 silver badges26 bronze badges

Collectives™ on Stack Overflow

Using a number keypad with a decimal point via HTML5/JS/PhoneGap

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related