HTML <button> name 属性

HTML <button> タグ

定義と用法

name 属性規定 <button> 元素の名前。

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

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

例

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

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

自分で試してみましょう

文法

<button name="name">

属性値

値 説明
name ボタンの名前を指定します。

ブラウザのサポート

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

HTML <button> タグ