Html input type="tel" vs inputmode="tel"

Question

Knowing both is used as a hint for mobile browsers, I couldn't find a real doc about the difference between using <input type="tel"> and <input inputmode="tel"> . So

• what's the difference?
• which is better to use?
• why duplication if it's the same?

The MDN doc suggests using the type. But it's still unclear on the explaination.

Answer 1

If you want only show the "phone keys" like 0 to 9 and * and #, use

<input inputmode="tel">

If you want to show a form field with regular keyboard, use

<input type="tel">

Also see " Everything You Ever Wanted to Know About inputmode ".