W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <p>表单中的电子邮件字段的必须遵循以下顺序：characters@characters.domain（字符后跟 @ 符号，再后跟更多字符，然后是“.”。在“.”符号之后，您只能从 a 到 z 写 2 到 3 个字母：</p> <form action="/demo/htmldom/action_page.php"> 电子邮件：<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 id="demo"></p> <script> function myFunction() { var x = document.getElementById("myEmail").pattern; document.getElementById("demo").innerHTML = x; } </script> </body> </html>