简单教程
提交运行
代码编辑器：
<p>表单中 email 字段输入规则为 : characters@characters.domain (characters 后面必须有 @ 标记，, 紧接后面是 characters 和 "."。 在 "." 之后你需要输入 2 到 3 个字母：</p> <form action="/dy/html/getpost"> 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>
运行结果：