HTML input标签的directory属性有何作用？是否需添加？

• directory属性：这是HTML5标准化后的官方属性，作用是让<input type="file">允许用户选择文件夹而非单个文件。目前Chrome、Firefox、Edge、Safari等主流现代浏览器都已支持这个标准属性，是当前推荐使用的属性。

• webkitdirectory属性：这是早期WebKit内核浏览器（如旧版Chrome、Safari）实现文件夹选择功能的私有前缀属性，属于非标准的过渡实现。随着HTML5标准的普及，主流浏览器都逐步支持了标准的directory属性，这个私有属性的实用价值已经很低。

• 是否需要添加：

  • 若你的项目必须兼容非常老旧的WebKit内核浏览器（比如Chrome 20-30版本、Safari 6.x及更早），可以同时保留webkitdirectory和directory，做向下兼容。
  • 若只需支持现代浏览器，单独使用标准的directory属性就足够，webkitdirectory完全可以省略，不会影响功能。

代码示例 #

现代浏览器推荐写法：

<input type="file" directory multiple>

兼容旧版WebKit的写法：

<input type="file" webkitdirectory directory multiple>

内容的提问来源于stack exchange，提问作者TigersEye120