HTML | 名称属性

在HTML中，我们可以使用<button></button>元素创建一个按钮，但是在很多情况下，我们需要为按钮指定一个名称，这时候，我们就可以使用名称属性（name attribute）。

语法

在<button></button>元素中添加name属性即可，例如：

<button name="submit">提交</button>

作用

1. 标识输入按钮的名称，方便表单提交前台的数据。
2. 当在JavaScript中通过名称选择元素时，可以使用名称属性来定位。

使用方法

名称属性可以在表单中的任何元素中使用，例如：

<form action="..." method="...">
   <!-- 文本框 -->
   <input type="text" name="username">
   <!-- 密码框 -->
   <input type="password" name="password">
   <!-- 提交按钮 -->
   <button type="submit" name="submit">提交</button>
</form>

注意事项

1. 名称必须是唯一的，不要在同一个表单中使用相同的名称。
2. 如果一个表单中有多个元素拥有相同的名称，提交时只有最后一个元素的值会被提交。