通过HTML中的input标签可实现文件夹选择功能,该标签需与form标签配合使用。在input标签中设置type属性为file,并添加webkitdirectory属性,即可允许用户选取整个文件夹而非单个文件。
1、 启动Sublime Text3,新建一个HTML文件进行编辑。
2、 先创建表单和输入标签。
3、 input标签的type属性应设置为file类型。
4、 此时会弹出可选的操作按钮。
5、 点击浏览即可选择所需文件。
6、 添加文件提示以引导用户操作。
7、 请输入您的ID和姓名信息。
8、 若需选择文件夹,应添加webkitdirectory multiple属性。
9、 将提示文字更改为文件夹名称。
10、 点击按钮后,选择文件夹时会显示上传选项,而非直接打开。
