jquery - 如果没有提交按钮，我的 HTML 表单如何工作

Question

在玩弄表格时，我最终得到了它的样子：

<form method="post" enctype="multipart/form-data" action="myscript.py">
    <input type="file" id="file-picker" name="picker" autofocus multiple>
    <button id="upload-btn" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
        <span class="ui-button-text">Upload</span>
    </button>
</form>

尽管表单没有提交输入元素，但我可以通过单击按钮元素来触发其操作（并运行 myscript.py"）。

我没有向按钮元素添加点击处理程序。

我的问题是：表单怎么知道点击上传按钮应该触发提交？

Answer 1

元素的<button>行为由属性定义。type

类型=提交/重置/按钮

该type属性的默认值为submit，它将提交按钮附加到的表单。

Answer 2

The default value for the type attribute of button elements is "submit". So you have to add type attribute to your upload-btn as:

 <button id="upload-btn" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false" type="button">
    <span class="ui-button-text">Upload</span>
</button>