input标签如何打开文件夹

input标签默认只能选择文件，无法打开文件夹。如果要打开文件夹，需要使用JavaScript。以下是一个示例：

HTML代码：

<input type="button" value="打开文件夹" onclick="openFolder()">

JavaScript代码：

function openFolder() {
    var input = document.createElement("input");
    input.setAttribute("type", "file");
    input.setAttribute("style", "display:none");
    input.setAttribute("webkitdirectory", true);
    input.setAttribute("directory", true);
    input.onchange = function(event) {
        var files = event.target.files;
        if (files.length > 0) {
            var path = files[0].webkitRelativePath.split("/").slice(0, -1).join("/");
            alert("所选文件夹路径为：" + path);
        }
    };
    document.body.appendChild(input);
    input.click();
}

这段代码创建了一个隐藏的input元素，设置了webkitdirectory和directory属性，表示选择的是文件夹而非文件。当点击按钮时，调用openFolder函数，函数中创建并添加input元素，并模拟点击，弹出文件夹选择框。当选择文件夹后，会触发input元素的onchange事件，获取所选文件夹的路径并进行处理。