button、input、option 要素の場合、value 属性は、要素の初期値を指定します。
li 要素の場合、value 属性は、順序付きリスト項目の値を設定します。後続のリスト項目は、その番号から増分されます。
progress 要素の場合、value 属性は、完了したタスクの量を指定します。
param 要素の場合、value 属性は、<param> 要素の値を指定します。
type 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <button> | value |
| <input> | value |
| <li> | value |
| <option> | value |
| <progress> | value |
| <param> | value |
クリックしたときに異なる値を送信する、同じ名前の 2 つのボタン：
<form action="demo_form.html"
method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
Try it Yourself ❯
初期値（デフォルト値）を持つ HTML フォーム：
<form
action="demo_form.html">
First name: <input type="text" name="fname"
value="John"><br>
Last name:
<input type="text" name="lname"
value="Doe"><br>
<input type="submit" value="Submit form">
</form>
Try it Yourself ❯
順序付きリストでの value 属性の使用：
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
Try it Yourself ❯
HTML フォーム内のドロップダウンリスト：
<form action="demo_form.html">
<select name="cars">
<option value="volvo">Volvo XC90</option>
<option value="saab">Saab 95</option>
<option value="mercedes">Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>
<input type="submit" value="Submit">
</form>
Try it Yourself ❯
ページが読み込まれるとすぐに音の再生を開始するように、"autoplay" を "true" に設定します：
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Try it Yourself ❯
value 属性は、要素ごとに以下のブラウザがサポートしています。
| 要素 | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| li | Yes | Yes | Yes | Yes | Yes |
| option | Yes | Yes | Yes | Yes | Yes |
| progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
| param | Yes | Yes | Yes | Yes | Yes |