fmpq.com
源代码：
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Fmpq教程(fmpq.com)</title> </head> <body> <p>表单中 email 字段输入规则为 : characters@characters.domain (characters 后面必须有 @ 标记，, 紧接后面是 characters 和 "."。 在 "." 之后你需要输入 2 到 3 个字母：</p> <form action="demo-form.php"> E-mail: <input type="email" id="myEmail" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"> <input type="submit"> </form> <p>点击 "尝试一下" 按钮查看 email 字段的 pattern 属性的值。</p> <button onclick="myFunction()">尝试一下</button> <p><strong>注意：</strong>Internet Explorer 9 及更早 IE 版本，Safari 浏览器不支持 input type="email 元素。</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myEmail").pattern; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
运行结果