title: Html5 pattern attribute not matching for email(user@gmail.com)
body: <p>I am new to HTML5...</p>
  
  <p>Here i am having some problem with email pattern attribute...</p>
  
  <p>1)if i am giving the input like user@gmail.com... in email field..</p>
  
  <p>2)it's not accepting value and showing "Pattern not matched"..</p>
  
  <p>Help me to fix this....</p>
  
  <p>Here is the snippet of Html</p>
  
  <pre><code>&lt;form name='f1' method="POST" action=""  &gt;     
    &lt;div id="fp"&gt;
  
  
          &lt;span style="margin-left:-50px"&gt;Email:&lt;/span&gt;&amp;nbsp;&amp;nbsp;
          &lt;span&gt;&lt;input  class="input" type="email" name="Email" placeholder="Enter mailID" required pattern="^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$" &gt;&lt;/span&gt;&lt;br&gt;
  
  
           &lt;input type="submit"  name="submit" value="submit"&gt;
  
     &lt;/div&gt;
    &lt;/form&gt;    
  </code></pre>
  
  <p>Any suggestions are acceptable.... </p>