HTML

この記事では、フォームを送信せずにJavaScriptなどから動作を追加する汎用ボタン<input type="button">と、submitとの違いを説明します。

<input type="button">

　input要素の type属性の値に button を指定すると、特に機能を持たない汎用ボタンを作成します。

　ボタンに表示させる「前のページへ戻る」などのテキストは、value属性で指定します。type="button"はフォーム送信を行わないため、name属性とvalue属性の値も通常は送信されません。フォームの値を送信する場合は、type="submit"などを使用します。

　汎用ボタンは JavaScript などと組み合わせて使用されることが多いようです。

type="button" の場合に指定可能な属性

type="button"

汎用ボタンを作成する

name属性

ボタンに名前をつける

value属性

ボタンの値（ボタンに表示されるテキスト）を指定する

<p><input type="button" value="前のページへ戻る" onclick="history.back()"></p>