HTML 标签的 value 属性

value 属性规定元素的值是多少。可用于<button>, <input>, <li>, <option>, <meter>, <progress>, <param>标签。


实例

下载进行中:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>button 的 value 属性</h1>
  5. <form action="/example/html/action_page.aspx" method="get">
  6. 选择你喜欢的主题:
  7. <button name="subject" type="submit" value="fav_HTML">HTML</button>
  8. <button name="subject" type="submit" value="fav_CSS">CSS</button>
  9. </form>
  10. </body>
  11. </html>

浏览器支持

属性
valueYesYesYesYesYes

Internet Explorer 10、Firefox、Opera、Chrome 以及 Safari 6 支持 value 属性。

注释:Internet Explorer 9 以及更早的版本不支持 <progress> 标签的 value 属性。


定义和用法

value 属性规定元素的值是多少。可用于<button>, <input>, <li>, <option>, <meter>, <progress>, <param>标签。

对于<button>、<input>和<option>元素,value属性指定元素的初始值。

对于<li>元素,value属性设置列表项的值(对于有序列表)。下一个列表项将从此值开始递增。

对于<meter>元素,value属性指定仪表的当前值。

对于<progress>元素,value属性指定任务完成了多少。

对于<param>元素,value属性指定参数的值。


HTML 4.01 与 HTML 5 之间的差异

<value> 标签是 HTML5 中的新标签。


更多实例

form 的 value 属性

  1. <form action="/example/html/action_page.aspx">
  2. 姓氏: <input type="text" name="fname" value="比尔"><br>
  3. 名字: <input type="text" name="lname" value="盖茨"><br>
  4. <input type="submit" value="提交表单">
  5. </form>

ol 的 value 属性

  1. <ol>
  2. <li value="100">咖啡</li>
  3. <li></li>
  4. <li>牛奶</li>
  5. <li></li>
  6. <li>果汁</li>
  7. <li>啤酒</li>
  8. </ol>

meter 的 value 属性

  1. <meter min="0" low="40" high="90" max="100" value="95"></meter>

progress 的 value 属性

  1. <progress value="22" max="100"></progress>

object 的 value 属性

  1. <object data="horse.wav">
  2. <param name="autoplay" value="true">
  3. </object>