formの送信ボタンのお話

HTML

この記事は最終更新日から1年以上が経過しています。

ここでは
inputではなくbuttonでとあります。

なぜか?対象のコードを抜粋して比較してみます。

コード

比較してみて

一目瞭然ではありますが、一行で書ける上に謎のhiddenが必要ありません。
hiddenは、 $hensuu === "□■□商品追加□■□" みたいなことをしなくていいようにだと思いますが、
buttonを使えばそんなこと気にしなくていいということですね。

ただ、上に挙げたqiita記事のコメントを見ると、
どこまでサポートするかを気にする必要はありそうですね。

HTML