Creating a telephone number input element

You can use the input element’s ‘tel’ type to create a telephone field. The tel type does not require numeric-only input, but you can use the pattern attribute to validate the user’s input. The tel type may appear as a telephone keypad in some browsers, so it is a good alternative to the number type.

Screenshot

(iPhone screenshot)

Code

<input name="myTel" type="tel">

Example