title: HTML pattern matching not working
body: <p>I have an <code>&lt;input&gt;</code> element with pattern validation.</p>
  
  <pre><code>&lt;input type="text" id="some" pattern="^[A-Z]{5}$" name="some" maxlength="5" style="text-transform:uppercase" required/&gt;
  </code></pre>
  
  <p>The pattern matching works if a user inputs all uppercase characters but fails if any is lowercase. Why is pattern matching not considering <code>style="text-transform:uppercase"</code>?</p>