how to open numeric keyboard in tablet for input type text

Question

My code look like this

<div id="example4" class="autotabbed">
<input type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57' maxlength="1" class="adr_dgt autotabbed" size="1" placeholder="x" />
</div>

when I open this in tablet how to get numeric keypad

I tried `pattern = '[0-9]'` but it is not working for manual entering.it works only for upper and lower arrow key press — Venkatesh Paruchuri, Mar 02 '17 at 09:46
[Please check this link](http://stackoverflow.com/questions/6178556/phone-numeric-keyboard-for-text-input/31619311#31619311) This could help you! — Ashwin Mothilal, Mar 02 '17 at 09:47

score 1 · Answer 1 · answered Mar 02 '17 at 09:47

1

Try with

input type="number"

That should work

answered Mar 02 '17 at 09:47

Alvaro

491
3
16

Thanks for your help @ArtiChoke .But i want solution for input type text – Venkatesh Paruchuri Mar 02 '17 at 09:56

score 0 · Answer 2 · answered Mar 02 '17 at 09:59

0

<div id="example4" class="autotabbed">
  <input type="number" onkeypress='return event.charCode >= 48 && event.charCode <= 57' maxlength="1" class="adr_dgt autotabbed" size="1" placeholder="x" />
</div>

On focus this will open the numeric keypad on tablets and phones.

answered Mar 02 '17 at 09:59

Saiyam Gambhir

536
3
16

here the maxlength and size attribute's are not working.These two is working fine for type text only – Venkatesh Paruchuri Mar 02 '17 at 10:05
use and add style for width instead of size. – Saiyam Gambhir Mar 02 '17 at 10:09

how to open numeric keyboard in tablet for input type text

2 Answers2