Build a Better Mobile Input

By properly configuring a few key input attributes, you can make web forms much easier to use on mobile devices.

Experiment with different combinations of the related type and inputmode attributes, and make sure to specify an autocomplete attribute for an optimized user experience.

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

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

edit me

Edit type

Override mobile keyboard

Edit autocomplete

Input: (as it renders on your current device)

This input will autocomplete with the value: tel

A full telephone number, including the country code. If you need to break the phone number up into its components, you can use these values for those fields

source

ios

android