HTML value 屬性
定義和用法
對於 <button>、 <input> 和 <option> 元素， value 屬性指定元素的初始值。
對於 <li> 元素， value 屬性設定列表項的值（對於有序列表）。接下來的列表項將從該值遞增。
對於 <meter> 元素， value 屬性指定儀表盤的當前值。
對於 <progress> 元素， value 屬性指定已完成任務的比例。
對於 <param> 元素， value 屬性指定引數的值。
適用範圍
以下元素可以使用 value 屬性：
| 元素 | Attribute |
|---|---|
| <button> | value |
| <input> | value |
| <meter> | value |
| <li> | value |
| <option> | value |
| <progress> | value |
| <param> | value |
示例
<button> 示例
兩個名稱相同的按鈕，單擊時提交不同的值
<form action="/action_page.php" method="get">
選擇你最喜歡的主題
<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="/action_page.php">
名: <input type="text" name="fname" value="John"><br>
姓: <input type="text" name="lname" value="Doe"><br>
<input type="submit" value="提交表單">
</form>
自己動手試一試 »
<li> 示例
在有序列表中使用 value 屬性
<ol>
<li value="100">Coffee</li>
<li>茶</li>
<li>牛奶</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
自己動手試一試 »
<meter> 示例
帶有當前值、最小值、最大值、高值和低值段的儀表盤
<meter min="0" low="40" high="90" max="100" value="95"></meter>
自己動手試一試 »
<option> 示例
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="提交">
</form>
自己動手試一試 »
<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 | 是 | 是 | 是 | 是 | 是 |
| meter | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
| option | 是 | 是 | 是 | 是 | 是 |
| progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
| param | 是 | 是 | 是 | 是 | 是 |
