HTML中id和name属性的区别

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

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

当前回答

以下是一个简短的总结：

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

2009-09-09 04:59:45

其他回答

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

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

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

2009-09-09 04:58:06

<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用于CSS和JavaScript/jQuery（它在页面上必须是唯一的）。

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

2012-11-14 03:44:47

下面是id属性的有趣用法。它在＜form＞标记中使用，用于识别＜/form>边界之外的＜input＞元素的表单，以便将它们与表单中的其他＜input〕字段一起包含。

 <form action="action_page.php" id="form1">
     First name: <input type="text" name="fname"><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="lname" form="form1">

2014-11-19 06:58:53

HTML中id和name属性的区别

推荐文章

最新文章

标签