How to open Number keyboard for iOS , android if the html5 textbox type="text"?

Question

i have the following questions for html5 mobile textbox.

is there any option to open number keyboard for ios and android platform if the input is type="text".
issue i am facing here is, if the textbox is type="number", not able to append $, % symbols dynamically in the textbox(to reproduce this open html page in android or ios browser)

is there any option to include $, % symbol in the textbox, if type must be type="number" the value not appearing in safari,chrome and android browsers.

Sample:

http://jsfiddle.net/bharathid/bFk9c/

open the above URL in firefox it's working fine, but while opening in chrome value disappeared.

Note:

in my case not like to use $, % symbol in separate span.

Reference:

iOS5 show numeric keypad by default without using type="number" or type="tel"

If You Want Only Number Key Bord I think You should go with user @Madhu answer.. i will work fine.... — user3540998
– user3540998, Commented Mar 14, 2014 at 5:56
Thank you user @Don't B Negative... i am not Negative... Just Joking.. — Whats Going On
– Whats Going On, Commented Mar 14, 2014 at 5:59

Protector one · Accepted Answer · 2019-03-11 14:42:06Z

8

Try this...

<input type="number" />
<input type="tel" />

Both of these present the numeric keypad when the input gains focus.

Everything else seems to bring up the standard keyboard.

you can see this For iOS

without using those we cant use any numbers key board... insence of Both iOS and ANDROID.

edited Mar 11, 2019 at 14:42

Protector one

7,4185 gold badges69 silver badges89 bronze badges

answered Mar 14, 2014 at 5:53

Whats Going On

1,3976 gold badges23 silver badges50 bronze badges

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

6 Comments

Bharathi D Over a year ago

i am asking in html5 page. not a android page.

Whats Going On Over a year ago

Can You Show that... I mean at the Part of HTML Code Where you are mentioning Key Board.. If its Default or 3rd Party Browser.. we many not Use this.. if its Your own Web view or web browser(negative browser) it will work...

Bharathi D Over a year ago

if we are used type="number" it open number keybord by default, if we used type="text" it will open a normal keyboard.

Bharathi D Over a year ago

blog.teamtreehouse.com/…

Whats Going On Over a year ago

yes it will be there for android But for window i dont know... and its also there for black berry,,,

|

Collectives™ on Stack Overflow

How to open Number keyboard for iOS , android if the html5 textbox type="text"?

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related