我有一个文件输入，带有标签。我希望能够以四种不同的方式打开文件浏览器：
1.点击文件输入按钮
1.跳至文件输入按钮并按Enter键
1.单击文件输入标签
1.跳至文件输入标签并按Enter键
但是，只有选项1-3可以开箱即用？这是一个bug，还是一个预期的功能？我目前正在FireFox v106.0.5上工作
是否有任何解决方案完全依赖于HTML/CSS，或者需要JS来解决这个问题？
<label for="file_input" tabindex="0">
Label
</label>
<input type="file" id="file_input">
1条答案
按热度按时间oug3syen1#
当然，
input在接收到单击或输入时会打开一个对话框。label本身不会打开对话框，但当单击（或点击）时，它可以passes the focus to its associated input，并打开一个对话框。当它接收到回车时，它不会执行相同的操作，因此您问题中的情况4不起作用。
这是因为该设计的目的是增加关联的
input的命中大小，尤其是对于触摸屏设备上的用户。所以要回答这个问题，它是一个预期的功能。