HTML5 added a variety of input types such as
tel (telephone number). These make entering certain kinds of information easier by providing tools such as a datepickers, range sliders, and optimized keyboards on mobile devices.
These input types also introduce custom validations on some browsers, which are useful, but can potentially clash with your application’s look and feel.
To keep the input type, but disable the validations, add
novalidate to your
<form novalidate />
h/t Dillon Hafer