How to Have Drupal WebForm phone number input show a keypad on a mobile device

Question

I'm working with webforms in Drupal and looking for a way to customize how the fields are handled on a mobile device. One in particular is the phone number field. I'm looking to have the number keyBoard show up rather than the qwerty one when the field is selected.

Answer 1

The number keyboard is triggered by using HTML 5 form elements:

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

These are not part of drupal 7 core webform, so have a look at the Elements module to enable it.