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="値A">A</button>
<button type="submit" name="sampleName" value="値B">B</button>
<button type="submit" name="sampleName" value="値C">C</button>

サンプル

HTMLソースコード

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

実際の表示