HTML | 目录名属性

HTML中的元素用于接受用户输入，它有许多不同的类型和属性。本文将介绍其中一个属性--目录名属性。

目录名属性

目录名属性（directory name attribute）可应用于元素的类型为file的表单控件。它用于指定应该显示哪个目录，以便用户可以选择同级或子级目录中的文件。

语法

<input type="file" directory>

示例

<form>
  <label for="fileInput">请选择文件:</label>
  <input type="file" id="fileInput" directory>
</form>

运行结果如下图所示：

属性值

目录名属性只有一个值: directory。

浏览器支持

目录名属性在HTML5.1规范中定义，目前仅受桌面版Chrome、Firefox和Opera支持。

总结

目录名属性允许表单控件显示指定目录的文件，帮助用户更快捷地找到需要上传或选择的文件。虽然兼容性有限，但在需要快速浏览文件目录的场景中，它可以提高用户体验，同时减少用户不必要的时间浪费。