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

HTML タグ一覧

HTML: <button> value 属性

Value属性は <form>内の <button>に初期値を指定します。HTML フォームでボタン要素を使用する場合、異なるブラウザが異なる値を提交します。Internet Explorer は <button>と <button/間のテキストを提交しますが、他のブラウザは value 属性の内容を提交します。HTML フォームでは input 要素を使用してボタンを作成してください

　HTML <button> タグ

オンラインサンプル

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

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<button>　value　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<form　action="action_page.php"　method="get">
選択してください、あなたが注目したいトピック:
<button　name="subject"　type="submit"　value="fav_PHP">PHP</button>
<button　name="subject"　type="submit"　value="fav_JAVA">JAVA</button>
</form>
</body>
</html>

テストを見てみましょう ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

重要事項：HTMLフォームでbutton要素を使用する場合、異なるブラウザが異なる値を送信します。Internet Explorerは<button>と<button/>の間のテキスト、他のブラウザはvalue属性の内容を送信します。HTMLフォームで input 要素ボタンを作成するために使用します。

定義と使用法

Value属性は<form>内の<button>に初期値を指定します。

注意： フォーム内で、ボタン自体がフォームを送信する場合のみ、ボタンとその値を送信します。

HTML 4.01 HTML5の違い

NONE.

文法

<button value="value">

属性値

値	説明
value	ボタンの初期値。

　HTML <button> タグ

HTML: <template> タグ