buttonタグにはtype="button"をつけるべし

本題

buttonタグにtype属性を明示していないときの既定値はsubmitになる。

submitは送信に使用するボタンのため、押すとページがリロードされる。

ハンバーガーメニューやタブなどの汎用的なボタンにはtype="button"をつけてリロードを回避する。

HTML

Copy Code

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

参考・引用

<button>: ボタン要素 - HTML | MDN

developer.mozilla.org