inputtype="email"仅放宽校验，不支持多值结构或自动拆分；需js手动切分、逐个校验、去重，并注意后端接收仍为单字符串。
HTML5 中 input[type="email"] 加 multiple 属性，**不能实现真正的“多邮箱同时输入与验证”**——它只放宽校验规则，不提供多值结构、不增强交互、不自动拆分。所谓“同时输入”，实际是用户在一个文本框里手动输入多个邮箱（用逗号、分号或空格分隔），而浏览器仅允许这种格式通过基础校验；所有解析、去重、单邮箱校验、防误提交等，都必须由你手动完成。
multiple 属性对 email 输入的真实作用
加了 multiple 后，浏览器仅做一件事：不再强制要求整个字段必须是单个合法邮箱格式。也就是说：
- ✅ 允许输入
user1@example.com, user2@test.org - ✅ 允许输入
a@b.c; c@d.e d@f.g（分号、空格也有效） - ❌ 不会弹出多邮箱选择器，也不提供“+添加”按钮
- ❌
input.value永远是字符串，比如"a@b.com, , c@d.org"，不是数组 - ❌
required只检查字符串是否非空，" , , "或"@@"都能通过
如何安全地解析和校验多个邮箱
你必须在 JS 中主动处理输入内容，不能依赖浏览器行为：
- 用正则切分：
value.split(/[,;\s]+/).map(s => s.trim()).filter(Boolean)，可处理中英文标点和多余空格 - 对每个候选邮箱单独校验，别信
input.checkValidity()——它只校验整个字段是否像一个邮箱，而非每个子项 - 推荐用更严格的正则：
/^[^\s@]+@[^\s@]+\.[^\s@]+$/，避免@.com或user@@domain.com等无效格式 - 前端去重建议按小写比对：
[...new Set(emails.map(e => e.toLowerCase()))]
表单提交与后端接收的关键细节
浏览器提交时，它不会把多个邮箱转成多个同名参数；而是把整个字符串 URL 编码后作为单个值发送：
- 例如输入
a@b.com, c@d.org→ 提交为email=a%40b.com%2C%20c%40d.org - PHP 中
$_POST['email']是字符串，不是数组 - Node.js + Express 中，
req.body.email同样是那个带逗号的字符串 - 如需后端接收为数组，必须用
FormData手动拆开：emails.forEach(e => fd.append('email', e))
更推荐的替代方案
如果业务需要可靠、易用、可验证的多邮箱录入，不要依赖 input[email][multiple] 这个“伪多选”：
- ✅ 动态添加
<input type="email">：每行一个邮箱，支持独立校验、删除、聚焦提示 - ✅ 使用
<textarea></textarea>接收原始输入：换行分隔更自然，再用 JS 按行解析 - ✅ 前端标签式组件（如 Tagify）：输入后按 Enter 生成可删除的邮箱标签，体验接近邮箱客户端
- ❌ 不要用
<select multiple></select>替代：它只能从预设选项中选，无法自由输入新邮箱
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
