HTML <button> value 属性

HTML <button> タグ

定義と使用方法

value 属性は、HTML フォーム内の <button> 要素の初期値を定義します。

注意：フォームでは、ボタン自体がフォームを送信するために使用されている場合のみ、ボタンとその値が送信されます。

例

同じ名前のボタンが2つある場合、クリックすると異なる値が送信されます：

<form action="/action_page.php" method="get">
  お好みの科目を選んでください：
  <button name="subject" type="submit" value="fav_HTML">HTML</button>
  <button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>

実際に試してみてください

構文

<button value="value">

属性値

値 説明
value ボタンの初期値を指定します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

注意：HTML フォームで <button> 要素を使用する場合、Internet Explorer 8 以降のバージョンは <button> と </button> タグ間のテキストを送信し、他のブラウザは以下を送信します value 属性の内容。

HTML <button> タグ