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 | 是 | 是 | 是 | 是 | 是 |
