編輯代碼:
查看結果 »
試一試 - ©
w3ii.com
<!DOCTYPE html> <html> <body> <p>A form with an email field that that must be in the following order: characters@characters.domain (characters followed by an @ sign, followed by more characters, and then a ".". After the "." sign, you can only write 2 to 3 letters from a to z:</p> <form action="demo_form.asp"> 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>Click the "Try it" button to display the value of the pattern attribute of the email field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myEmail").pattern; document.getElementById("demo").innerHTML = x; } </script> </body> </html>