x
<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="/action_page.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>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>