如何在表单外创建不提交的按钮？

阻止表单提交的 HTML 按钮

问题：
如何在 HTML 之外创建按钮单击时不提交表单的表单？

考虑以下代码：

<code class="html"><form id="myform">
  <label>Label
    <input />
  </label>
</form>
<button>My Button</button></code>

尽管按钮中缺少 form 属性，但它仍然提交表单。

答案：
为了防止按钮提交表单，应该将其声明为“按钮”类型。以下是更新后的代码：

<code class="html"><button type="button">My Button</button></code>

原因：
HTML 按钮默认继承“提交按钮”状态。通过明确地将类型设置为“按钮”，我们覆盖默认值并阻止表单提交。

以上是如何在表单外创建不提交的按钮？的详细内容。更多信息请关注PHP中文网其他相关文章！