button要素

解説

button要素は、ボタンを作るHTML要素です。type 属性で振る舞いが変わります。

• type="submit"：フォームを送信する（省略時の既定）
• type="button"：送信せず、JavaScriptでの処理に使う
• type="reset"：フォーム内のすべての入力欄を初期値に戻す

ボタンの文言は、「送信する」「申し込む」のように、押したときに何が起きるかが分かる表現にします。

リセットボタンは入力内容を消してしまう

type="reset" のボタンを送信ボタンの隣に置く実装は、押し間違えで入力内容が初期値に戻ってしまい、強い不満につながります。現在は使わないのが一般的です。

出典

• <button>: ボタン要素（MDN Web Docs）