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">
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 属性的使用：

亲自试一试 »

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

亲自试一试 »