HTML中id和name属性的区别

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

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

当前回答

以下是一个简短的总结：

id用于标识文档中的HTML元素对象模型（通过JavaScript或CSS样式）。需要id在页面中是唯一的。name对应于表单元素并标识发布的内容返回到服务器。

2009-09-09 04:59:45

其他回答

表单输入元素的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

名称与id

name

元素的名称。例如，服务器用于标识表单中的字段提交。支持元素有＜button＞、＜form＞、＜fieldset＞、＜iframe＞、，＜input＞，＜keygen＞，＜object＞，＜output＞，＜select＞，＜textarea＞，＜map＞，<meta>和<param>名称不必是唯一的。

通常与CSS一起使用以设置特定元素的样式。这个的价值属性必须唯一。Id是全局属性。全局属性可以用于所有元素，尽管这些属性可能对某些元素没有影响。必须在整个文档中唯一。与此相反，此属性的值不能包含空格class属性，它允许用空格分隔值。使用ASCII字母和数字以外的字符，“_”、“-”和“.”可能会导致兼容性问题，因为HTML 4中不允许这些问题。虽然HTML5中取消了此限制，但ID应该开始带有兼容性字母。

2015-11-28 04:43:04

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

<body><form action=“”><label for=“username”>用户名</label><input type=“text”id=“username”name=“username“>＜button＞提交</按钮></form></body>

正如我们在这里看到的，“id”和“for”元素是相互关联的。如果单击标签（用户名），则输入字段将突出显示（这对移动用户很有用，被认为是一种良好的做法）。

另一方面，“name”元素在提交表单时很有用。无论您在输入字段中输入什么，它都将显示在URL上。请参阅随附的图片。

2021-04-02 17:11:39

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

HTML中id和name属性的区别

推荐文章

最新文章

标签