Question

所以我在HTML中有一个带有输入字段的标准表单，最后一个输入是type =“file”。由于没有css方式来设计这个输入，我通过使它的高度和宽度= 0使这个输入不可见。并将这个不可见输入的“顶部”放在我设计的按钮上。按钮按原样工作，但最后当我填满所有表格并按下此按钮选择文件时，它打开一个窗口来选择文件，然后同时发送表格。所以在结果中它发送了没有文件的表单。所以我理解了一些如何充当sumbition输入。

那么如何解决这个问题 - 那个按钮只选择文件而不发送表格？对于发送表单，我输入type = submit

所以html形式的部分：

<input type="file" name="file_up" id="upload_hidden" accept="image/*,image/jpeg" onchange="document.getElementById('upload_visible').value=this.value">
<button onclick="document.getElementById('upload_hidden').click();" id="upload_visible">+</button>
<input  type="submit" name="registr" value="Ready" size=15 id="reg_cmpl" />

Answer 1

type的默认<button>为submit。

如果您不想在单击时提交表单，请不要首先使用提交按钮！

Answer 2

<button>是type="submit"

明确将其设置为type="button"而不是

<input type="file" name="file_up" id="upload_hidden" accept="image/*,image/jpeg" onchange="document.getElementById('upload_visible').value=this.value">
<button type="button" onclick="document.getElementById('upload_hidden').click();" id="upload_visible">+</button>
<input  type="submit" name="registr" value="Ready" size=15 id="reg_cmpl" />

Answer 3

只需更改按钮类型，然后重试如下： -

<input type="file" name="file_up" id="upload_hidden" accept="image/*,image/jpeg" onchange="document.getElementById('upload_visible').value=this.value">
<button type="button" onclick="document.getElementById('upload_hidden').click();" id="upload_visible">+</button>

<input  type="submit" name="registr" value="Ready" size=15 id="reg_cmpl" />

它可能对你有帮助。

在选择文件之前发送的表单

3 个答案: