HTML: <button> value 属性

由网友 大卫 发布 阅读 6

HTML: <button> value 属性

Value属性为 <form>中的 <button>指定初始值。如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮

 HTML <button> 标签

在线示例

两个名称相同的按钮,在单击时会提交不同的值:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <button> value 属性使用-大卫编程网(div.cn)</title>
</head>
<body>
<form action="action_page.php" method="get">
选择您要关注的主题:
<button name="subject" type="submit" value="fav_PHP">PHP</button>
<button name="subject" type="submit" value="fav_JAVA">JAVA</button>
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 value 属性。

重要事项:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。

定义和用法

Value属性为<form>中的<button>指定初始值。

注意: 在表单中,仅当按钮本身用于提交表单时,才提交按钮及其值。

HTML 4.01 与 HTML5之间的差异

NONE.

语法

<button value="value">

属性值

描述
value按钮的初始值。
 HTML <button> 标签

HTML canvas width 属性 HTML: <button> formnovalidate 属性