HTML中id和name属性的区别

id和name属性之间有什么区别？它们似乎都具有提供标识符的相同目的。

我想知道（特别是关于HTML表单）是否出于任何原因需要或鼓励同时使用两者。

当前回答

如果您没有使用表单自己的提交方法将信息发送到服务器（而是使用JavaScript），则可以使用name属性将额外的信息附加到输入中，就像将其与隐藏的输入值配对一样，但它看起来更整洁，因为它包含在输入中。

虽然我认为在未来它可能不会被允许通过，但这一点目前在Firefox中仍然有效。

您可以有多个具有相同名称值的输入字段，只要您不打算以老式方式提交。

2014-03-28 20:45:57

其他回答

id和名称之间没有字面上的区别。

name是一个标识符，在浏览器发送的HTTP请求中用作与元素的value属性中包含的数据相关联的变量名。

另一方面，id是浏览器、客户端和JavaScript的唯一标识符。因此，表单需要一个id，而其元素需要一个名称。

id更具体地用于向唯一元素添加属性。在DOM方法中，Id在JavaScript中用于引用要在其上执行操作的特定元素。

例如：

<html>

<body>
    <h1 id="demo"></h1>

    <script>
        document.getElementById("demo").innerHTML = "Hello World!";
    </script>
</body>

</html>

name属性也可以实现这一点，但最好在表单中使用id，而在小表单元素（如input标记或select标记）中使用name。

2020-02-27 15:18:53

链接目标的名称已弃用，在HTML5中无效。至少在最新的Firefox（v13）中，它不再有效。将<a name=“hello”>更改为<a id=“hello“>。

目标不需要是<a>标记。它可以是<p id=“hello”>或<h2 id=“hello>等，这通常是更干净的代码。

正如其他帖子所明确指出的，名称仍然在表单中使用（需要）。它仍然在META标签中使用。

2012-11-14 03:27:44

参见id=vs name=：

有什么不同？简单的答案是，两者都用，不用担心。但如果你想了解这种愚蠢，这里有一个小问题：id=用作如下目标：<some element id=“XXX”></some element>用于以下链接：<a href=“#XXX”。

name=还用于在表单中点击提交时，使用HTTP（超文本传输协议）GET或POST标记发送到服务器的消息中的字段。id=标记JavaScript和Java DOM（文档对象模型）使用的字段。name=中的名称在表单中必须唯一。id=中的名称必须在整个文档中唯一。有时，名称=和id=名称会有所不同，因为服务器希望同一文档中的不同表单或同一表单中的不同单选按钮具有相同的名称。id=必须唯一；名称=不能为。JavaScript需要唯一的名称，但是这里已经有太多的文档没有唯一的name＝name，所以W3的人发明了需要唯一的id标签。不幸的是，较旧的浏览器不理解它。因此，您需要在表单中使用这两种命名方案。

注意：HTML5中不支持某些标签（如＜a＞）的属性“name”。

2011-11-20 21:05:27

ID标记-由CSS使用，定义div、span或其他元素的唯一实例。出现在JavaScript DOM模型中，允许您通过各种函数调用访问它们。

字段的Name标记（每个表单都是唯一的），除非您正在执行要传递给PHP/服务器端处理的数组。您可以通过JavaScript按名称访问它，但我认为它不会在DOM中显示为节点，或者可能会受到一些限制（例如，如果我回忆正确，您不能使用.innerHTML）。

2009-09-09 05:09:35

Id:

它用于通过文档对象模型（DOM）（通过JavaScript或CSS样式）识别HTML元素。Id在页面中应该是唯一的。

名称对应于表单元素，并标识返回到服务器的内容。

例子：

<form action="action_page.php" id="Myform">
    First name: <input type="text" name="FirstName"><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="LastName" form="Myform">

2015-10-12 10:48:41

HTML中id和name属性的区别

推荐文章

最新文章

标签