あきぞらです。
フロントエンドの開発で、
フォームを実装する場面は多々あると思います。
そんなとき、form
タグのなかに設置したButton
要素をクリックしたときに、
リロードが走ってしまった経験はないでしょうか。
今回は、それを防ぐ方法を紹介していきます。
ボタンをただのボタンとして認識させる
Button
要素は、デフォルトでtype
がSubmit
になっています。
そのため、明示的にtype
をbutton
に設定させてあげることで、
サブミットされる(リロードされる)ことを防ぐことができます。
<div> <form> <button type="button">押してもSubmitされないボタン</button> </form> </div>
フォームを作るときの助けになれば幸いです!
リンク