title: HTML5 pattern attribute being ignored
body: <p>Just trying to make a field that only accepts 8-digit numbers and every browser lets it pass with any number of digits.</p>
  
  <pre><code>&lt;form&gt;
  &lt;input type="number" pattern="[0-9]{8}" required&gt;
  &lt;input type="submit"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I feel like I'm missing something really obvious here am not seeing the problem with my pattern.</p>
  
  <p>Codepen: <a href="https://codepen.io/mavelo/pen/VVZvoP" rel="nofollow noreferrer">https://codepen.io/mavelo/pen/VVZvoP</a></p>