Show only keyboard with number on Ionic / Cordova app

Question

I have two problems in my Ionic / Cordova application, and with a numeric keypad, that I have no way to show it.

1) Enter the password that must contain the numeric keypad. It shows an alphanumeric keyboard. If I switch to numeric, I cannot hide the entries (c *).

2) The numeric input that I have to insert the currency mask (from left to right). All the parameters that I find are run in text input.

Does anyone help me? You are welcome!

Answer 1

I solved using CSS:

<input type="number" style="-webkit-text-security:disc"> 

Thank you all for your help!

Answer 2

I solved with tel:

 <input type="tel"> 

Answer 3

2) The numeric input that I have to insert the currency mask (from left to right). All the parameters that I find are run in text input.

Using http://www.numbox.org you can solve the second problem.

Answer 4

Old, but I had this problem.

I decided to contribute this:

  type="number" pattern="[0-9]*" 

Hope it helps.

Answer 5

I use
<ion-input type="number" pattern="\d*"></ion-input> and it works

Android keyboard

Answer 6

Try adding this to your input, onkeypress = 'return event.charCode> = 48 && & event.charCode <= 57'

Answer 7

Use this plugin with ionic 4:

https://ionicframework.com/docs/native/keyboard

Answer 8

Use the pattern attribute: <input type="tel" pattern="[0-9]*">