最新のWeb開発のチュートリアル
 

HTML value Attribute


定義と使用法

ボタン、入力およびオプション要素の場合、 value属性は、要素の初期値を指定します。

li要素、 value属性は、順序付けられたリスト項目の値を設定します。 以下のリスト項目は、その番号から増加します。

進捗要素の場合、 value属性が完了しているどのくらいのタスクの指定します。

param要素の場合は、 value属性は、の値を指定<param>要素を。


に適用されます

type属性は、以下の要素で使用することができます。

要素 属性
<button> value
<input> value
<li> value
<option> value
<progress> value
<param> value

Button

クリックされたときに異なる値を提出同じ名前を持つ二つのボタン:

<form action="demo_form.asp" 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>
»それを自分で試してみてください

Input

初期(デフォルト)の値を使用してHTMLフォーム:

<form action="demo_form.asp">
  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="demo_form.asp">
  <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>
»それを自分で試してみてください

Progress

進行中のダウンロード:

<progress value="22" max="100"></progress>
»それを自分で試してみてください

Param

設定"autoplay"にパラメータを"true"音がページが読み込まれるとすぐに再生を開始しますので、:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
»それを自分で試してみてください

ブラウザのサポート

value属性は、要素ごとに以下のブラウザのサポートを持っています。

素子
button はい はい はい はい はい
input 1.0 2.0 1.0 1.0 1.0
li はい はい はい はい はい
option はい はい はい はい はい
progress 8.0 10.0 16.0 6.0 11.0
param はい はい はい はい はい