- <input type="email"> 能够让用户输入或编辑一个电子邮箱地址，此外，如果指定了multiple属性，用户还可以输入多个电子邮箱地址。
- 在表单提交前，输入框会自动验证输入值是否是一个或多个合法的电子邮箱地址 (非空值且符合电子邮箱地址格式)
- <input> 元素的 value 属性包含一个会自动验证是否符合电子邮件语法的 DOMString。具体来说，此处有三个格式可以通过验证：
- 一个空字符串（""），表示用户未输入值或该值已被删除。
- 单个符合格式的电子邮件地址。并不代表该邮件地址存在，而是说它至少在格式上是正确的，简单地讲就是 或者 ，当然并不局限于此。关于匹配电子邮件地址验证算法的 正表达式，参见 Validation。"username@domain""username@domain.tld"
- 当且仅当明确 multiple 属性时，值可以是一个列表，该列表包含一串符合格式的电子邮件地址，且每个地址之间用逗号分隔。列表中，位于每个地址之前和之后的任何空白字符都会被移除。
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form> <label for="emailAddress">Email</label><br /> <input id="emailAddress" type="email" placeholder="user@example.gov" list="defaultEmails" size="64" maxlength="256" multiple> </form> </body>
</html>
浏览器运行结果如下： |
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/email>