HTML 参考手册

HTML 标签大全

HTML: <button> name 属性

name属性指定 <button>元素的名称，几个 <button>元素可以共享相同的名称。这使您可以使用多个具有相同名称的按钮，这些按钮在表单中使用时可以提交不同的值

 HTML <button> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <button> name 属性使用-菜鸟教程(cainiaoplus.com)</title>
</head>
<body>
<form action="action_page.php" method="get">
  选择你要收藏的主题:
  <button name="subject" type="submit" value="HTML">HTML</button>
  <button name="subject" type="submit" value="CSS">CSS</button>
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

定义和用法

name属性指定<button>元素的名称。
名称属性用于在表单提交后引用表单数据，或引用JavaScript中的元素。
提示：几个<button>元素可以共享相同的名称。这使您可以使用多个具有相同名称的按钮，这些按钮在表单中使用时可以提交不同的值。

HTML 4.01 与 HTML5之间的差异

无.

语法

<button name="name">

属性值

值描述
name规定按钮的名称。
 HTML <button> 标签
HTML: <template> 标签