Html 了解文件上载表单元素的行为

我有这张上传表格

   <form id="upload-file" enctype="multipart/form-data" >


             <button id="sendata">snd data</button>    

        
        <div class="drop-zone">
            <span class="drop-zone__prompt">Drop file here or click to upload</span>
            <input type="file" name="file" class="drop-zone__input">
        </div>

    </form>

snd数据
将文件放在此处或单击上载

表单元素中的按钮没有附加到事件侦听器，而是在我单击它时附加到事件侦听器 a查看执行的GET请求

“GET/？file=HTTP/1.1”200

此GET请求覆盖我的其他GET请求 我通过从表单元素中删除button元素解决了这个问题，但是这可以吗 行为被关闭了吗？

---

还有，是什么元素导致此操作？输入元素或表单？

默认情况下，按钮具有提交行为。

如果将按钮更改为

按钮

，它将覆盖默认提交行为