<button>タグがsubmitされるときの解決

はじめに

モーダル制御などで、閉じるボタンに

<button></button>

を設定していて、JavaScriptで制御しようとしたらsubmitされてしまうため、思うように動かず。

解決策

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

formタグ内のbuttonタグは、type属性を設定しないとtype="submit"になるらしい。
思わぬ落とし穴。。
buttonタグにtype="button"を設定するとはなんとも感覚的に外れている。。

参考文献