HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML: <button> name 属性

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

オンラインサンプル

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

例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML　<button>　name　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<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>
</body>
</html>

テストを試してみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがname属性をサポートしています。

定義と使用方法

name属性は<button>要素の名前を指定します。
name属性は、フォームの提交後にフォームデータを参照するために、またはJavaScript内の要素を参照するために使用されます。
ヒント：いくつかの<button>要素が同じ名前を共有できます。これにより、同じ名前の複数のボタンを使用し、それぞれのボタンがフォーム内で異なる値を提交することができます。

HTML 4.01 HTML5の違い

なし。

構文

<button name="name">

属性値

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

　HTML <button> タグ

HTML: <template> タグ