<input> type =“ email”的多个属性不起作用

Question

我为<input type="email">激活了多个属性，例如<input type="email" multiple>

但是，当我输入两个电子邮件地址（例如abc@hotmail.com efg@outlook.com）并提交时，显示的错误消息是

  

“ @”后面的部分不应包含符号“ @” *。

我尝试了<input type="file">（<input type="file" multiple>）的多属性，它运行良好。有人可以帮我解释一下吗？谢谢。

Answer 1

如MDN web docs中所述：

  

多个

     

一个布尔属性，如果存在，则指示用户可以输入多个电子邮件地址的列表，并用逗号和（可选）空格字符分隔。有关详细信息，请参见允许多个电子邮件地址。

在表单中，您必须将不同的电子邮件用逗号分隔： my@email.com, your@email.com

Answer 2

如果您想完全禁用基于浏览器的电子邮件验证，请将您的代码更改为...

<input type="text">

UTF-8 字符可以在浏览器中触发 type="email"-HTML 类型的验证。当然，RFC6531 确实允许在电子邮件地址中使用 UTF-8，Gmail 和 Zohomail 等流行服务支持 UTF-8 寻址电子邮件，并且在 QMail（非常流行的 Linux 电子邮件server) 也支持。

ñ@gmail.com 将触发此电子邮件验证消息，即使 RFC6531 支持它，因此，在修复之前，只需使用 type="text"。