最新的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 10.0 16.0 6 11.0
param