CODEWITHSUNDEEP
javascriptiosangularjshtmlcordova
Bhaskar Hazarika
Bhaskar Hazarika

Reputation: 81

Customize ios keyboard to show numeric keyboard

I am working on a hybrid apps where I need to display numeric keyboard with dot and comma for iOS. I tried the pattern [0-9] with type as number. It works for android but does not show dot/comma for iOS. Anyone has any idea how to achieve this for iOS ? i tried searching for cordova plugin. Did not get any. I created a custom keyboard in angular. But it is having some delay for iOS when i provide any input. I need below attached keyboard in html5 input field. For ios i don't get dots using "input type="number" min="0" inputmode="numeric" pattern="[0-9]*"".

Please see attached screenshot

Upvotes: 8

Views: 14964

Answers (3)

Rem Zhang
Rem Zhang

Reputation: 157

2019 Update

For anyone coming from Google looking for a working solution, this is now possible with the inputmode attribute as of iOS 12.3.

So something like <input type="number" pattern="[0-9]*" inputmode="decimal"> will show the numeric keyboard with a dot/comma for Android/iOS 12.3+, and the regular numeric keyboard for older iOS devices - note that inputmode has to be set to "decimal".

More info available on MDN.

Upvotes: 14

Ketan Parmar
Ketan Parmar

Reputation: 27428

You can use something like,

<input type="number" pattern="[0-9]*" inputmode="numeric">

Update :

You can do something like,

 EditText myEditText = (EditText)findViewById(R.id.myEditText);
 myEditText.setInputType(InputType.TYPE_NUMBER_FLAG_DECIMAL);

Or:

 <input type="tel" />

or

 <input type="number" step="0.01">

You can refer this stackoverflow question.

Hope this will help :)

Upvotes: 0

Nazır Dogan
Nazır Dogan

Reputation: 1588

its will works Android and iOS 

  <input type="number" pattern="[0-9]*" inputmode="numeric">

Upvotes: 0

Related Questions