html - 模式属性不接受电子邮件

Question

我是 HTML5 的新手......

我的问题是在将模式应用于电子邮件字段之后......并输入这样的电子邮件...... user@gmail.com ，它不接受它......

它显示一些消息，如模式不匹配......

她的是html的片段。

    <form name='f1' method="POST" action=""  >     
  <div id="fp">


        <span style="margin-left:-50px">Email:</span>&nbsp;&nbsp;
        <span><input  class="input" type="email" name="Email"   placeholder="Enter mailID" required pattern="^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$" ></span><br>


         <input type="submit"  name="submit" value="submit">

   </div>
  </form>    

任何建议都可以接受...

Answer 1

您的模式不允许使用小写字符。

见http://www.w3.org/TR/html5/forms.html#the-pattern-attribute

该模式是在禁用 ignoreCase 标志的情况下编译的。

试试这个：pattern="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,4}$ "