id和name属性之间有什么区别？它们似乎都具有提供标识符的相同目的。
我想知道（特别是关于HTML表单）是否出于任何原因需要或鼓励同时使用两者。
当前回答
下面是id属性的有趣用法。它在＜form＞标记中使用，用于识别＜/form>边界之外的＜input＞元素的表单，以便将它们与表单中的其他＜input〕字段一起包含。
<form action="action_page.php" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
</form>
<p>The "Last name" field below is outside the form element, but still part of the form.</p>
Last name: <input type="text" name="lname" form="form1">
其他回答
ID用于唯一标识元素。
名称用于表单中。虽然您提交了一份表格，但如果您不提供任何名称，将不会提交任何内容。因此，表单元素需要一个名称来通过表单方法（如“get或push”）进行标识。
只有具有name属性的才会熄灭。
链接目标的名称已弃用，在HTML5中无效。至少在最新的Firefox（v13）中，它不再有效。将<a name=“hello”>更改为<a id=“hello“>。
目标不需要是<a>标记。它可以是<p id=“hello”>或<h2 id=“hello>等，这通常是更干净的代码。
正如其他帖子所明确指出的，名称仍然在表单中使用（需要）。它仍然在META标签中使用。
id将给一个元素一个id，所以一旦你编写了真正的代码（比如JavaScript），你就可以使用这个id来读取元素。名称只是一个名称，所以我想用户可以看到元素的名称。
例子：
<h1 id="heading">text</h1>
<script>
document.getElementById("heading"); // Reads the element that has the id "heading".
</script>
// You can also use something like this:
document.getElementById("heading").value; // Reads the value of the selected element.
通常，假设名称总是被id取代。这在某种程度上是正确的，但实际上对于表单字段和框架名称来说不是这样。例如，对于表单元素，name属性用于确定要发送到服务器端程序的名称-值对，不应删除。浏览器不会以这种方式使用id。为了安全起见，可以在表单元素上使用name和id属性。因此，我们将编写以下内容：
<form id="myForm" name="myForm">
<input type="text" id="userName" name="userName" />
</form>
为了确保兼容性，在定义名称和id属性值时，最好使用匹配的值。但是，请注意一些标记，特别是单选按钮，必须具有非唯一的名称值，但需要唯一的id值。
同样，这应该说明id不仅仅是名称的替代品；它们的目的不同。此外，不要轻视旧风格的方法，深入研究现代库可以发现，这种语法风格有时用于提高性能和方便性。你的目标应该总是有利于兼容性。
现在在大多数元素中，name属性已经被弃用，取而代之的是更普遍的id属性。然而，在某些情况下，特别是表单字段（＜button＞、＜input＞、＜select＞和＜textarea＞），name属性仍然有效，因为它仍然需要设置表单提交的名称值对。此外，我们发现一些元素，特别是框架和链接，可能会继续使用name属性，因为它通常用于按名称检索这些元素。
id和name之间有明显的区别。通常，当name继续时，我们可以将值设置为相同。然而，id必须是唯一的，并且在某些情况下名称不应与单选按钮相关联。遗憾的是，id值的唯一性虽然受到标记验证的限制，但并没有达到应有的一致性。浏览器中的CSS实现将为共享id值的对象设置样式；因此，在运行时之前，我们可能无法捕捉到可能影响JavaScript的标记或样式错误。
本文摘自托马斯·鲍威尔的《JavaScript-完整参考》一书。
下面是id属性的有趣用法。它在＜form＞标记中使用，用于识别＜/form>边界之外的＜input＞元素的表单，以便将它们与表单中的其他＜input〕字段一起包含。
<form action="action_page.php" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
</form>
<p>The "Last name" field below is outside the form element, but still part of the form.</p>
Last name: <input type="text" name="lname" form="form1">
