最新的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