title: Disable validation of HTML5 form elements
body: <p>In my forms, I'd like to use the new HTML5 form types, for example <code>&lt;input type="url" /&gt;</code> (<a href="http://diveintohtml5.info/forms.html#type-url" rel="noreferrer">more info about the types here</a>).</p>
  
  <p>The problem is that Chrome wants to be super helpful and validate these elements for me, except that it sucks at it. If it fails the built-in validation, there's no message or indication other than the element getting focus. I prefill URL elements with <code>"http://"</code>, and so my own custom validation just treats those values as empty strings, however Chrome rejects that. If I could change its validation rules, that would work too.</p>
  
  <p>I know I could just revert back to using <code>type="text"</code> but I want the nice enhancements using these new types offers (eg: it automatically switches to a custom keyboard layout on mobile devices):</p>
  
  <p><img src="https://i.stack.imgur.com/uiPln.png" alt=""></p>
  
  <p>So, <strong>is there a way to switch off or customise the automatic validation?</strong></p>