HTMLのbuttonタグはページを自動的にサブミットする問題_ブログ_zanmai.net

開発中に、buttonを押してjavascriptの処理を呼び出したいですが、なんかFormをコミットされてしまいました。
実際、ボタンのクリックイベントを消してもフォームのactionも実行される。

<button name="testButton" value="testBtn">
<font size="2">テストボタン</font>
</button>

上記のボタンを押したら、何もイベントを入れてないのに、画面をコミットされる。（画面遷移が発生）
最後、ボタンのtype属性を入れて問題を解決した。
下記のように書けば、ページは自動遷移しない。

<buttontype="button" name="testButton" value="testBtn">
<font size="2">テストボタン</font>
</button>

上記の太字でtypeをbuttonにするだけ。

以上、メモを。