如何通过HTML input标签的multiple属性实现多文件或多邮箱的输入？

本文共计843个文字，预计阅读时间需要4分钟。

HTML标准中，`multiple` 并不是一个有效的属性。通常，`` 标签用于表示计算机代码或命令，而不包含任何特定的属性。如果您是想询问关于HTML中的多选框，通常使用``来实现。以下是相关的HTML代码示例：

实现多文件上传：正确使用 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]）。