formの送信ボタンのお話

HTML

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

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

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

コード
<input name="add_item" type="hidden" value="true" />
<input type="submit" value="□■□商品追加□■□" />

<button name="add_item" type="submit" value="true">□■□商品追加□■□</button>

比較してみて

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

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

HTML