放在 form 裡面的 button

跟預設行為有關。

問題

如果有個 <form> 裡面放了一個 <button>，會發現按下按鈕時，表單會自動送出。

<form action="http://a.com">
  <button>send</button>
</form>

原因與解法

這是因為如果沒有對 <button> 做 type 的設定的話，預設會設成 type="submit"。

如果不要送出表單的功能，只要指定 type="button" 就不會自動送出了。