HTML中id和name属性的区别

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

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

当前回答

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.

2020-05-19 08:42:41

其他回答

使用表单控件的名称属性（如＜input＞和＜select＞），因为这是表单提交时POST或GET调用中使用的标识符。

每当需要使用CSS、JavaScript或片段标识符来处理特定的HTML元素时，请使用id属性。也可以按名称查找元素，但按ID查找更简单、更可靠。

2009-09-09 04:59:06

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

我思考和使用它的方式很简单：

id用于CSS和JavaScript/jQuery（它在页面上必须是唯一的）。

当表单通过HTML提交时，该名称用于服务器上的表单处理（表单中的名称必须是唯一的-在某种程度上，请参阅下面Paul的评论）。

2012-11-14 03:44:47

例子：

<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.

2020-05-19 08:42:41

ID用于唯一标识元素。

名称用于表单中。虽然您提交了一份表格，但如果您不提供任何名称，将不会提交任何内容。因此，表单元素需要一个名称来通过表单方法（如“get或push”）进行标识。

只有具有name属性的才会熄灭。

2017-09-24 05:58:46

HTML中id和name属性的区别

推荐文章

最新文章

标签