multiple属性仅允许手动输入逗号/分号/空格分隔的多个邮箱，input.value仍为字符串，需手动解析；它不提供数组、ui增强或自动拆分，后端收到的也是url编码的原始字符串。
multiple 属性在 <input type="email"> 上确实被 HTML 规范支持，但它**不等于“多选邮箱”或“自动拆分数组”**——它只是放宽输入校验，允许用户手动填多个邮箱地址，用逗号、分号或空格分隔。
为什么加了 multiple 却拿不到多个邮箱？
因为浏览器不会把 input.value 自动转成数组。你拿到的永远是字符串，比如 "a@b.com, c@d.org, @e.f"。
- 必须手动解析：
value.split(/[,;\s]+/).map(s => s.trim()).filter(Boolean) - 注意：这个正则能处理逗号、分号、空格（包括全角），但无法识别引号包裹的邮箱（如
"a@b.com, c@d.org"中的逗号在引号内） - required 校验只看字符串是否非空，
" , , "也能通过 - 移动端软键盘不会变化，也没有“添加邮箱”按钮——纯靠用户自己打逗号
input[type="email"] 的 multiple 和 input[type="file"] 的行为差异
两者都支持 multiple，但底层机制完全不同：
-
<input type="file" multiple>：触发原生多文件选择，input.files是FileList对象，含真实文件元数据 -
<input type="email" multiple>：仅影响表单验证逻辑，不改变 DOM 结构或事件行为；input.value仍是字符串，input.validity也只对整个字符串做一次格式校验 - 没有
input.emails或类似 API；别指望它返回["a@b.com", "c@d.org"]
后端收到的到底是什么？
提交时，浏览器仍按传统方式发送一个 name-value 对，比如 email=a%40b.com%2C%20c%40d.org，即 URL 编码后的原始字符串。
- PHP 不会自动拆成
$_POST['email']数组，它还是一个字符串 - Node.js + Express 的
body-parser同样不做拆分，req.body.email就是那个带逗号的字符串 - 如果你用
FormData手动提交，也要注意：不能直接formData.append('email', input.value)就完事，得先 split 再逐个 append（如果后端期望多个同名字段）
真正容易被忽略的点
很多人以为加了 multiple 就能像 <select multiple></select> 那样让用户勾选多个预设项——但 type="email" 没有选项列表，也不提供任何 UI 增强。它唯一的作用，就是让浏览器接受逗号分隔的输入，并在基础层面略过“只能输一个邮箱”的限制。所有后续处理：去重、过滤无效格式、防注入、拆分入库——都得你自己写。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
