multiple属性仅对type="file"有效，用于多文件选择；对type="email"无效，无法实现多邮箱输入，需手动解析字符串并校验。
multiple 属性只对 type="file" 有效，对 type="email" 无效
HTML 标准里 multiple 是 <input type="file"> 的原生支持属性，用于一次选择多个文件。但很多人误以为它也能让 <input type="email"> 支持输入多个邮箱（比如用逗号分隔），这是错的——浏览器会直接忽略 multiple 在 email 类型上的存在，且不提供任何多值解析或校验逻辑。
实现多文件上传：正确使用 input[type=file][multiple]
要真正启用多文件选择，只需确保：
-
type必须是"file" - 显式添加
multiple属性（布尔属性，无需赋值） - 通过
event.target.files获取FileList对象，而非.value
示例：
<input type="file" multiple accept=".pdf,.jpg" id="file-input">
JS 中读取：
立即学习“前端免费学习笔记（深入）”；
document.getElementById('file-input').addEventListener('change', e => {
const files = e.target.files; // FileList，不是 Array
console.log(files.length); // 实际选中的文件数
});
注意：files 是只读类数组对象，不能直接用 map 等数组方法，需转成数组再操作（如 [...files]）。
实现多邮箱输入：必须手动解析字符串，不能依赖 multiple
对于邮箱输入，浏览器只把 <input type="email"> 当作单值字段处理。想支持“a@example.com,b@example.org,c@test.co”这类输入，得靠自己拆分、校验、去重：
- 用
input或textarea（更推荐后者，换行/空格更友好）接收原始文本 - 用正则或
String.prototype.split()切分，例如value.split(/[,;\s]+/).map(s => s.trim()).filter(Boolean) - 对每个候选邮箱调用
input.checkValidity()或自定义正则（如/^[^\s@]+@[^\s@]+\.[^\s@]+$/）校验 - 避免直接信任
type="email"的内置校验——它只校验整个字段是否为单个合法邮箱
错误写法（无效）：
<input type="email" multiple placeholder="多个邮箱，用逗号分隔">
这不会触发多值行为，提交时也只会当做一个字符串发给后端。
后端接收时要注意字段结构差异
前端传多文件和多邮箱，后端收到的数据格式完全不同：
- 多文件：HTTP 请求体中是
multipart/form-data，每个文件是独立 part，name相同但内容不同（如files[]或直接files） - 多邮箱：只是普通表单字段，值是一个字符串，需后端主动解析（如 Python 的
request.form.get('emails').split(',')） - 混淆二者会导致后端解析失败或安全漏洞（比如邮箱字符串里注入换行或恶意字符）
真正容易被忽略的是：前端 UI 上把多邮箱做成「标签式输入框」或「动态添加邮箱字段」比纯文本输入更可靠，能实时校验、防重复、避免格式混乱——但这需要额外 JS 控制，multiple 属性完全帮不上忙。
