multiple属性仅对<select>和<input type="file">有效，用于多选选项或多文件上传；其他input类型使用无效；需注意交互、提交、兼容性及可访问性细节。
multiple 属性必须配合 <select> 或 <input type="file">
单独给 <input type="text"> 或 <input type="checkbox"> 加 multiple 是无效的，浏览器直接忽略。真正支持它的只有两个元素：<select multiple> 和 <input type="file" multiple>。前者选多个选项，后者选多个文件——别混用场景。
常见错误是写成：<input type="email" multiple>，这不会报错，但用户点击输入框时依然只能输一个邮箱，multiple 完全不起作用。
<select multiple> 的交互和值获取方式很特别
启用 multiple 后，用户需按住 Ctrl（Windows/Linux）或 Cmd（macOS）再点选，或者拖拽选择连续项。单击默认只切换当前项，不取消其他已选项——这点和普通单选 <select> 完全不同。
- 提交时，表单会把所有选中项拼成一个以逗号分隔的字符串（如
value1,value2,value3），但实际更推荐用 JS 获取：selectElement.selectedOptions返回的是HTMLCollection，遍历它才能拿到每个<option>的value和text - 注意：如果没加
name属性，整个<select multiple>不会随表单提交——哪怕有选项被选中 - 移动端 Safari 对
<select multiple>支持差，很多机型会降级为单选弹窗，建议敏感业务改用<input type="checkbox">组合模拟
<input type="file" multiple> 上传多文件要注意 FormData 构造
用户可一次选多个文件，但 input.files 是 FileList 对象，不是数组。直接 formData.append("files", input.files) 只会传第一个文件。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 正确做法是循环：
for (let file of input.files) { formData.append("files", file); } - 后端接收时，字段名相同（如都叫
files），但实际是多个独立文件。Node.js 的multer要用upload.fields([{ name: 'files', maxCount: 10 }])，PHP 的$_FILES['files']['name']是数组而非字符串 - 别漏设
enctype="multipart/form-data"，否则multiple文件根本传不过去
样式和可访问性容易被忽略
<select multiple> 默认显示 4 行高度（由 size 属性控制），但多数人直接删掉 size，结果只显示一行，用户根本看不出能多选——光靠按 Ctrl 点击太反直觉。
- 至少设
size="4"，或用 CSS 控制高度 +overflow-y: auto - 屏幕阅读器需要明确告知“多选列表”，加
aria-label或aria-labelledby，比如：<select multiple aria-label="请选择最多三项兴趣"> - 不要用
multiple替代复选框组：语义不同，键盘导航逻辑也不同（Tab 进入后，空格/回车切换 vs 方向键移动+空格选中）
真正要多选又想控制体验的，往往得自己用 <div> + <input type="checkbox"> 重做，multiple 只适合简单、标准、非关键路径的场景。
