I've got a form with email field. I'd like it to use email keyboard on mobile browsers. Now, this is typically done by changing type: <input type="email"/>
. However, when I do so, in the desktop Firefox and Chrome the field will be validated by browser. This breaks layout (in Firefox) and supersedes my own validation - which is then visible on all form fields except the email one (this is in Chrome).
Is there another way to switch the keyboard to email on mobile, or is there a way to disable validation in desktop browsers?