HTML 中仅 <input type="file"> 和 <input type="email"> 原生支持 multiple 属性；前者实现多文件选择并使 input.files 返回 FileList，后者仅放宽输入格式校验、允许逗号或空格分隔的邮箱字符串。
哪些 HTML 标签支持 multiple 属性
multiple 是原生布尔属性，只对特定表单控件生效，不是所有 <input> 都能用。它只被以下两个标签原生支持：
-
<input type="file">：多选本地文件（图片、文档等） -
<input type="email">：多邮箱输入（用逗号或空格分隔，浏览器自动解析为多个值）
其他类型如 text、number、date 加了 multiple 也完全没效果，HTML 规范不认。别试 select —— 它靠的是 multiple 属性本身没错，但那是 <select> 元素自己的属性，和 <input> 的 multiple 无关，别混。
<input type="file" multiple> 实际行为差异
加了 multiple 后，input.files 返回的是 FileList 对象，不是单个 File。这点直接影响 JS 处理逻辑：
- 没加
multiple：input.files[0]是唯一文件，input.files.length === 1 - 加了
multiple：input.files可能为空（用户没选），也可能含 10+ 个文件，.length才是真实数量 - 不能直接用
forEach遍历FileList（它不是 Array），得转成数组：Array.from(input.files)或用for...of - 部分老 Android 浏览器（如 Android 4.4 WebView）会忽略
multiple，只允许单选 —— 如果目标用户覆盖低端机型，得降级提示或用第三方库兜底
<input type="email" multiple> 的输入规则和坑
这个属性常被误以为能“弹出多邮箱选择器”，其实它只是放宽了输入格式校验，让用户手动输入多个邮箱：
- 合法输入示例：
alice@example.com, bob@test.org或carol@site.co.uk dave@mail.app（逗号/空格分隔都行） - 提交时，表单会把整个字符串当一个值发给后端；浏览器不会自动拆成数组 —— 拆分必须由 JS 或服务端做
-
input.value拿到的是原始字符串，不是数组；想取单个邮箱得自己.split(/[,;\s]+/)并去重、过滤空值 - 移动端软键盘不会因为加了
multiple就变出“添加邮箱”按钮，体验上毫无变化 —— 别指望它改善 UX - 如果同时用了
required，只要字符串非空就通过验证，哪怕填的是xxx@xxx, , @这种无效组合
为什么不用 <select multiple> 替代多邮箱？
有人想绕开 email 类型的限制，改用 <select multiple> 列出预设邮箱。这在技术上可行，但本质是错位方案：
-
<select multiple>的选项是开发者预置的，无法支持用户自由输入新邮箱 - 它不触发邮箱格式校验（没有 type="email" 的自动提示和基础校验），容易输错格式
- 移动端
<select multiple>交互极差：iOS Safari 不支持多选 UI，Android 表现也不统一 - 如果真要动态管理邮箱列表，更合理的方式是用普通
<input type="email">+ 添加按钮 + 自定义标签组件，而不是硬套select
浏览器对 multiple 的支持很明确，但它的能力边界也很窄 —— 它不提供 UI 增强，不改变数据结构，也不解决校验逻辑。真正难的部分，还是得自己写代码处理。
