必须同时满足type为file且显式声明multiple才生效；用户可通过ctrl/cmd多选或拖拽，但ios safari 16.4前不支持；javascript须用input.files（filelist）而非value读取，上传需循环formdata.append('files', file)。
input[type="file"] multiple 怎么用才真正生效
必须写成 <input type="file" multiple>，缺一不可。type 不是 file，或者没写 multiple，都只能单选。
用户操作方式取决于系统和浏览器：Windows 上按住 Ctrl 点击多个文件，macOS 用 Cmd；Chrome/Firefox/Edge 支持框选或拖拽多个文件到 input 区域；iOS Safari 直到 16.4 才支持多选，旧版本点开仍是单文件对话框。
-
input.value永远不可靠——它只返回第一个文件的 fakepath 或空字符串，别用它读文件 - 真正要读的是
input.files，它是个FileList对象，不是数组，不能直接调.forEach() - 安全遍历写法：
Array.from(input.files).forEach(file => { ... })，每个file有name、size、type字段 - 上传时别
formData.append('file', input.files)，得循环append('files', file)，否则后端只收到一个文件
input[type="email"] multiple 的真实行为是什么
加了 multiple 后，浏览器不会弹出多邮箱选择器，也不会自动拆分字符串。它只是放宽校验：允许你在同一个文本框里输入 alice@example.com, bob@test.org 这样的逗号/分号/空格分隔内容。
input.value 拿到的永远是原始字符串，比如 "a@b.com, , c@d.org"，不是数组，也不去重、不校验单个邮箱格式。
- 必须手动解析：
input.value.split(/[,;\s]+/).map(s => s.trim()).filter(Boolean) -
required只检查字符串是否非空，" , , "也能通过 - 移动端软键盘不会变，没有“+添加”按钮，UI 完全没变化
- 提交后端收到的是 URL 编码的单值，如
email=a%40b.com%2Cc%40d.org，PHP/Node.js 都不会自动拆成数组
为什么不能用 input[type="email"] multiple 实现真正的多邮箱录入
因为 HTML 规范没给它设计任何 UI 增强或数据结构转换。它不像 <select multiple></select> 那样提供勾选项，也不像 <input type="file" multiple> 那样返回结构化对象。
你拿到的只是一个字符串，所有后续处理——去重、过滤无效格式（比如 @.com）、防重复提交、校验 DNS 格式——都得自己写逻辑，浏览器一概不管。
- 别指望
input.emails或类似 API 存在 - 别把
multiple和accept混用——accept对 email 类型完全无效 - 如果业务需要可靠多邮箱录入，推荐动态添加
<input type="email">或用带删除按钮的标签式组件，而不是依赖这个“伪多选”
FormData 上传多文件时最常踩的坑
不是 append 错 key 名，而是 append 方式错了。后端收不到全部文件，90% 是因为没理解 multipart 请求中“同名字段多次出现”的机制。
错误示范：formData.append('file', files) 或循环里用不同 key（'file1'、'file2'）——前者多数浏览器不认，后者让后端解析变复杂。
- 正确做法：统一用相同 key，循环调用
append('files', file) - Express 需配
multer.array('files')，PHP 用$_FILES['files']['name']数组遍历 - 调试必看 Network → Payload，确认每个文件是否单独列在 form-data 条目里
- 别手动设
Content-Type头，让 fetch/XHR 自动带上 boundary
input[type="file"] multiple 的兼容性问题比想象中更琐碎，尤其是 iOS 旧版本和部分 Android 厂商浏览器；而 input[type="email"] multiple 的“假多选”属性，最容易被当成真功能上线后再返工——这两处的边界和限制，必须在写第一行 HTML 前就心里有数。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
