How to select numeric keypad on ET1?

I would like to use the numeric keypad on the ET1 for some text input.

Do you have examples on how to select which virtual keypad is displayed upon focus of a text input box?

Anonymous (not verified)
If you make it input type

If you make it input type "number" instead of "text", it will by default pop up the numeric keypad.  This is an HTML5 feature.

<input type="number" id="log" class="data" value=""/>

Instead of

<input type="text" id="log" class="data" value=""/>

http://www.w3schools.com/html5/html5_form_input_types.asp

Vote: 
Vote up!
Vote down!

Points: 0

You voted ‘up’


Todd Crook
If I have a type=password for

If I have a type=password for Credit Card numbers, how can I pull up the numeric keypad?

<input type="number" type="password" id="ccNum" /> doesn't seem to be permitted.

I need to have the cc masked out and the numeric key pad displayed.

Vote: 
Vote up!
Vote down!

Points: 0

You voted ‘up’


Robin West
Todd, That is not possible

Todd,

That is not possible using standard HTML input types. There is no way to combine two of them that I know of.

One other way you can do it is to use jQuery and a plug in to handle it. One example I found is: http://keith-wood.name/keypad.html there are probably other ones as well.

Vote: 
Vote up!
Vote down!

Points: 0

You voted ‘up’


Robin West
Thanks Rob.  I was looking

Thanks Rob.  I was looking for a similar keyboard popup for RhoElements on MC75.  Used the link you posted above with jquery.keyboard.js and css and works well.

Vote: 
Vote up!
Vote down!

Points: 0

You voted ‘up’


Log in to post comments