HTMLでボタンを作るとき使うべき要素は <input>？<button>？

🌼 はじめに フロントエンドエンジニアなら誰でも一回はボタンコンポーネントを作ったこと、もしくは使ったことがあるのではないかと思います。私もUI実装のときよく触ってました。 最近 <input type="button" value="保存" /> のようなボタンコンポーネントを見かけて、「なんで buttonじゃないんだろう、てかなんでボタン作る要素が button と input の２つあるわけ？」という気持ちになりました。 気になったら調べるしかないので、今から調査結果を共有します。 1. input要素とbutton要素は似てる さっそくフォームの中にinput要素とbutton要素でボタンを作ってみました。 <form action=""> <label> 好きな食べ物は？ <input type="text" /> </label><br /> <div class="but

[hapilaki]

“input要素のボタンとbutton要素のボタン両方妥当な HTML です。 button要素のほうがスタイリングが柔軟にできるので特に理由がなければbutton要素を使いましょう。 button要素デフォルトtypeはsubmitなので、フォーム送信目的のボ