HTML中id和name属性的区别

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

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

当前回答

<form action="demo_form.asp">
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" value="male"><br>

    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" value="female"><br>

    <input type="submit" value="Submit">
</form>

2014-04-21 18:12:54

其他回答

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

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

2009-09-09 04:59:06

如果您没有使用表单自己的提交方法将信息发送到服务器（而是使用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

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

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

2009-09-09 04:58:06

名称与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

HTML中id和name属性的区别

推荐文章

最新文章

标签