HTML中id和name属性的区别

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挂钩。

2017-07-18 16:09:59

其他回答

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

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

2009-09-09 04:59:06

在表单提交中发送数据时使用name属性。不同的控件响应不同。例如，您可能有几个具有不同id属性但名称相同的单选按钮。提交后，响应中只有一个值-您选择的单选按钮。

当然，这还不止于此，但它肯定会让你朝着正确的方向思考。

2009-09-09 04:58:06

根据个人经验和W3Schools属性描述：

ID是一个全局属性，几乎适用于HTML中的所有元素。它用于唯一标识网页上的元素，其值主要从前端访问（通常通过JavaScript或jQuery）。

name是对HTML中的特定元素（如表单元素等）有用的属性。它的值大部分被发送到后端进行处理。

HTML属性引用

2017-11-21 13:01:02

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使用，定义div、span或其他元素的唯一实例。出现在JavaScript DOM模型中，允许您通过各种函数调用访问它们。

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

2009-09-09 05:09:35

HTML中id和name属性的区别

推荐文章

最新文章

标签