html - 没有提交按钮的表单仍然提交？

Question

我在下面有一个带有按钮的表单，但该按钮不是提交按钮。为什么单击按钮时仍然提交表单？

<form>
  <div class="field">
    <div class="control">
      <input class="input is-large" type="email" placeholder="Your Email">
    </div>
  </div>
  
  <div class="field">
    <div class="control">
      <input class="input is-large" type="password" placeholder="Your Password">
    </div>
  </div>
  <button class="button is-block is-info is-large is-fullwidth">
    Login <i class="fa fa-sign-in" aria-hidden="true"></i>
  </button>
</form>

标签： htmlforms

Answer 1

对于大多数浏览器，default typeof 按钮是submit。该属性声明了按钮的类型。如果您添加像这样的 <button type="button"> 类型属性，则提交不起作用。