HTML値属性

❮前へすべてのHTML属性次へ❯

定義と使用法

<button>、<input>および<option>要素の場合、属性valueは要素の初期値を指定します。

<li>要素の場合、属性valueはリスト項目の値を設定します（順序付きリストの場合）。次のリスト項目は、その値から増加します。

<meter>要素の場合、属性valueはゲージの現在の値を指定します。

<progress>要素の場合、属性valueはタスクの完了量を指定します。

<param>要素の場合、属性valueはパラメーターの値を指定します。

に適用されます

このvalue属性は、次の要素で使用できます。

要素	属性
<ボタン>	価値
<入力>	価値
<メーター>	価値
<li>	価値
<オプション>	価値
<進捗状況>	価値
<param>	価値

例

<ボタン>例

同じ名前の2つのボタンで、クリックすると異なる値を送信します。

<form action="/action_page.php" 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>

<入力>例

初期（デフォルト）値を持つHTMLフォーム：

<form action="/action_page.php">
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>

<li>例

順序付きリストでのvalue属性の使用：

<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>

<メーター>例

現在の値、最小、最大、高、および低のセグメントを持つゲージ：

<オプション>例

HTMLフォーム内のドロップダウンリスト：

<form action="/action_page.php">
<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>

<進捗>例

ダウンロード中：

<param>例

「autoplay」パラメータを「true」に設定すると、ページが読み込まれるとすぐにサウンドの再生が開始されます。

ブラウザのサポート

このvalue属性では、要素ごとに次のブラウザがサポートされています。

Element
button	Yes	Yes	Yes	Yes	Yes
input	1.0	2.0	1.0	1.0	1.0
li	Yes	Yes	Yes	Yes	Yes
meter	8.0	13.0	6.0	6.0	11.0
option	Yes	Yes	Yes	Yes	Yes
progress	8.0	10.0	16.0	6.0	11.0
param	Yes	Yes	Yes	Yes	Yes