HTML <button> 标签的 value 属性 详解
HTML基础 2022-06-02 11:59:18小码哥的IT人生shichen
HTML <button> 标签的 value 属性
实例
两个同名的按钮，点击时提交不同的值：
<form action="/action_page.php" 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>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>button value 属性</h1>
<form action="/demo/example/html/form_action.asp" method="get">
请选择您喜欢的科目：
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
value 属性指定 <form> 中的 <button> 的初始值。
注释：在表单中，仅当按钮本身用于提交表单时，才会提交按钮及其值。
浏览器支持
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| value | Yes | Yes | Yes | Yes | Yes |
注释：如果您在 HTML 表单中使用 <button> 元素，Internet Explorer 8 之前的版本将提交 <button> 和 </button> 标记之间的文本，而其他浏览器将提交 value 属性的内容。
语法
<button value="value">
属性值
| 值 | 描述 |
|---|---|
| value | 按钮的初始值。 |
