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>

尽管表单没有Submit input元素，但我可以通过单击我的button元素来触发它的动作（并运行myscript.py“）。

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

我的问题是：表单如何知道单击“上传”按钮会触发提交？

Answer 1

<button>元素的行为由the type property.

定义

type = submit / reset / button

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

Answer 2

按钮元素的type属性的默认值为“submit”。因此，您必须将type属性添加到upload-btn中：

 <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>

没有“提交”按钮，我的HTML表单如何工作

2 个答案: