html button 触发input
时间: 2023-07-05 17:27:02 浏览: 120
button的html文件
您可以使用JavaScript来实现这个功能。首先,您需要给button元素添加一个点击事件监听器,然后在事件处理程序中获取input元素的引用,最后调用其click()方法触发input元素的点击事件。以下是一个示例代码:
HTML代码:
```
<button id="triggerBtn">点击触发input</button>
<input type="file" id="fileInput" style="display:none;">
```
JavaScript代码:
```
const triggerBtn = document.getElementById('triggerBtn');
const fileInput = document.getElementById('fileInput');
triggerBtn.addEventListener('click', () => {
fileInput.click();
});
```
当用户点击button时,上面的代码将触发input元素的点击事件,从而打开文件选择对话框。
阅读全文