HTML <ボタン>属性

❮HTML<button>タグ

同じ名前の2つのボタンで、クリックすると異なる値を送信します。

<form action="/action_page.php" method="get">
  Choose your favorite subject:
  <button name="subject" type="submit" value="HTML">HTML</button>
  <button name="subject" type="submit" value="CSS">CSS</button>
</form>

定義と使用法

name属性は、要素の名前を指定します <button>

このname属性は、フォームが送信された後にフォームデータを参照するため、またはJavaScriptで要素を参照するために使用されます。

ヒント:複数の<button>要素が同じ名前を共有できます。これにより、同じ名前のボタンを複数持つことができ、フォームで使用すると異なる値を送信できます。


ブラウザのサポート

Attribute
name Yes Yes Yes Yes Yes

構文

<button name="name">

属性値

Value Description
name The name of the button

❮HTML<button>タグ