HTML <button> 标签的 name 属性 详解
HTML基础 2022-06-02 11:59:10小码哥的IT人生shichen
HTML <button> 标签的 name 属性
实例
两个按钮带有相同的名称，在单击它们时提交不同的值：
<form action="demo_button_name.asp" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>
完整实例【亲自试一试】：
<html>
<body>
<form action="/demo/example/html/form_action.asp" method="get">
请选择您喜爱的项目：
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>
<p><b>注释：</b>请在表单中慎用 button 元素。Internet Explorer 将提交 <button> 与 <button/> 之间的文本，而其他浏览器将提交 value 属性的内容。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
name 属性为按钮规定名称。
name 属性用于在 JavaScript 中对元素进行引用，或者在表单提交之后，对表单数据进行引用。
提示：不同的 button 元素可以共享相同的名称。这就允许您标记带有相同名称的若干按钮，以便在表单中使用时能够提交不同的值。
语法
<button name="value">
属性值
| 值 | 描述 |
|---|---|
| name | 规定按钮的名称。 |
