HTML <option> 标签的 value 属性 详解
HTML基础 2022-06-02 12:06:24小码哥的IT人生shichen
HTML <option> 标签的 value 属性
实例
带有发送到服务器的值的下拉列表：
<select>
<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>
完整实例【亲自试一试】：
<html>
<body>
<form action="/demo/demo_form.php" method="get" target="_blank">
<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>
<p>请点击“确认”按钮，把输入发送到服务器。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
value 属性规定在表单被提交时被发送到服务器的值。
<option> 与 <option/> 之间的值是浏览器显示在下拉列表中的内容，而 value 属性中的值是表单被提交时被发送到服务器的值。
注释：如果没有指定 value 属性，选项的值将设置为 <option> 标签中的内容。
浏览器支持
所有浏览器都支持 value 属性。
语法
<option value="value">
属性值
| 值 | 描述 |
|---|---|
| value | 发送到服务器的值。 |
