id和name属性之间有什么区别？它们似乎都具有提供标识符的相同目的。
我想知道（特别是关于HTML表单）是否出于任何原因需要或鼓励同时使用两者。
当前回答
表单输入元素的ID与元素中包含的数据无关。ID用于将元素与JavaScript和CSS挂钩。然而，name属性在浏览器向服务器发送的HTTP请求中用作与value属性中包含的数据相关联的变量名。
例如：
<form>
<input type="text" name="user" value="bob">
<input type="password" name="password" value="abcd1234">
</form>
提交表单时，表单数据将包含在HTTP标头中，如下所示：
如果添加ID属性，则不会更改HTTP标头中的任何内容。它只会让它更容易与CSS和JavaScript挂钩。
其他回答
在表单提交中发送数据时使用name属性。不同的控件响应不同。例如，您可能有几个具有不同id属性但名称相同的单选按钮。提交后，响应中只有一个值-您选择的单选按钮。
当然，这还不止于此，但它肯定会让你朝着正确的方向思考。
在这个问题一直存在的过程中，我很懊恼（也许有点难过），没有人想过提到可访问性，尽管它一直很重要，但它一直在管理层和软件工程师中稳步获得支持（仅从我的个人观察来看；没有硬数据支持）。
我可以提供的一个统计数据如下（来源）：
因此，对可访问性缺点的认识呈现出稳步增长的趋势。同样的参考文献提到，从这些数字中，我们可以观察到每小时至少有一次诉讼被提起！
那么，可访问性如何影响姓名与身份？
根据万维网联盟（W3C）：
标签的for属性必须与表单控件。
使用表单控件的名称属性（如＜input＞和＜select＞），因为这是表单提交时POST或GET调用中使用的标识符。
每当需要使用CSS、JavaScript或片段标识符来处理特定的HTML元素时，请使用id属性。也可以按名称查找元素，但按ID查找更简单、更可靠。
名称与id
name
元素的名称。例如，服务器用于标识表单中的字段提交。支持元素有＜button＞、＜form＞、＜fieldset＞、＜iframe＞、，＜input＞，＜keygen＞，＜object＞，＜output＞，＜select＞，＜textarea＞，＜map＞，<meta>和<param>名称不必是唯一的。
id
通常与CSS一起使用以设置特定元素的样式。这个的价值属性必须唯一。Id是全局属性。全局属性可以用于所有元素，尽管这些属性可能对某些元素没有影响。必须在整个文档中唯一。与此相反，此属性的值不能包含空格class属性，它允许用空格分隔值。使用ASCII字母和数字以外的字符，“_”、“-”和“.”可能会导致兼容性问题，因为HTML 4中不允许这些问题。虽然HTML5中取消了此限制，但ID应该开始带有兼容性字母。
表单输入元素的ID与元素中包含的数据无关。ID用于将元素与JavaScript和CSS挂钩。然而，name属性在浏览器向服务器发送的HTTP请求中用作与value属性中包含的数据相关联的变量名。
例如：
<form>
<input type="text" name="user" value="bob">
<input type="password" name="password" value="abcd1234">
</form>
提交表单时，表单数据将包含在HTTP标头中，如下所示：
如果添加ID属性，则不会更改HTTP标头中的任何内容。它只会让它更容易与CSS和JavaScript挂钩。
