HTML 为什么表单中的按钮会发送数据？

Question

这是一个非常基本的问题，但我相信有人知道原因。在 HTML 中，当我自己制作一个按钮元素时，不给它和 onclick没有 jQuery .click()该按钮什么都不做。完美的。但是当我这样做时，按钮在 <form> 中。元素，它试图将所有表单元素的 GET 数据发送到我网站的根地址？为什么要这样做？我没有将其设为提交按钮，甚至没有定义 method。或 action在那个表格上？？

提前感谢您提供信息!

** 编辑 **

这就是我为解决问题所做的工作。对于 <form> 内的按钮，使用:

<button type="button"></button>

默认情况下它不会做任何事情。

Answer 1

在各自的MDN可以看出条目，按钮元素的 type 属性的默认值为 submit。因此，如果您省略它或不将其更改为 button 或 reset，默认行为将启动并提交表单。

<form action="">
  <button type="button">Nothing will happen</button>
  <button>Form gets submitted</button>
</form>