value属性

button要素のvalue属性は、button要素の値を指定する属性。

ブラウザ対応

構文

<button value="値">ボタン名</button>

button要素の値を指定する。

名前と値のペアのデータを送信

<button type="submit" name="名前" value="値">ボタン名</button>

name属性と共に使うことが多い。

サンプルコード

<button type="submit" name="sampleName" value="値">送信</button>

<button name="sampleName" value="値">送信</button>

複数のボタンに同じ名前、異なる値

<button type="submit" name="sampleName" value="値Ａ">Ａ</button>
<button type="submit" name="sampleName" value="値Ｂ">Ｂ</button>
<button type="submit" name="sampleName" value="値Ｃ">Ｃ</button>

サンプル

HTMLソースコード

<form action="sample-button-name-value.php" method="post" target="_blank">
	<p>
		<button type="submit" name="sampleName" value="値Ａ">送信ボタンＡ</button>
	</p>
	<p>
		<button type="submit" name="sampleName" value="値Ｂ">送信ボタンＢ</button>
	</p>
	<p>
		<button type="submit" name="sampleName" value="値Ｃ">送信ボタンＣ</button>
	</p>
</form>

実際の表示