HTML value 属性
定义和用法
对于 <button>、 <input> 和 <option> 元素， value 属性指定元素的初始值。
对于 <li> 元素， value 属性设置列表项的值（对于有序列表）。下一个列表项将从此值递增。
对于 <meter> 元素， value 属性指定量规的当前值。
对于 <progress> 元素， value 属性指定已完成的任务量。
对于 <param> 元素， value 属性指定参数的值。
适用于
可以在以下元素上使用 value 属性
| 元素 | 属性 |
|---|---|
| <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">咖啡</li>
<li>茶</li>
<li>牛奶</li>
<li>水</li>
<li>果汁</li>
<li>啤酒</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">沃尔沃 XC90</option>
<option value="saab">萨博 95</option>
<option value="mercedes">梅赛德斯 SLK</option>
<option value="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 | 是 | 是 | 是 | 是 | 是 |
