HTML按钮不提交表单

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个表格。在该表格之外，我有一个按钮。一个简单的按钮，如下所示：

<button>My Button</button>

但是，当我单击它时，它会提交表单。这是代码：

<form id="myform">
    <input />
</form>
<button>My Button</button>

该按钮应该做的就是编写一些JavaScript。但是，即使看起来像上面的代码一样，它也会提交表单。当我将标签按钮更改为跨度时，它可以完美工作。但不幸的是，它必须是一个按钮。有什么办法可以阻止该按钮提交表单？像例如

<button onclick="document.getElementById('myform').doNotSubmit();">My Button</button>

回答：

我认为这是HTML最令人讨厌的小特性。该按钮必须为“按钮”类型才能不提交。

<button type="button">My Button</button>

在缺失值默认和无效值默认是提交按钮状态。

以上是 HTML按钮不提交表单 的全部内容， 来源链接： utcz.com/qa/426228.html

回到顶部