Question

为什么我们使用html元素的name，id和value属性？它们重要的是什么？它们是如何解释的？它们之间有什么区别？我看过w3schools和每个教程，但我想从一个人那里得到一个简单的解释。

正在做的之间有什么区别：

<form>
<input type="text" />
</form>

和

<form>
<input type="text" name="name" />
</form>

使用这些属性有什么好处？

Answer 1

name - 以表单

传递给服务器

id - HTML元素的唯一标识符

value - 输入或textarea元素的值

Answer 2

如果值不为空，则name元素中存在input属性会导致名称=值对包含在表单数据中。如果没有这样的属性，表单字段不会对表单数据做出任何贡献。

id属性可用于为元素提供可用于客户端脚本和样式的唯一标识符。它与name属性的功能无关。

文本输入框中的value属性指定输入字段的初始（默认）内容。

Answer 3

应用程序中的每个表单元素都必须为您保存一些信息。那些是value。

当您想使用服务器端编程语言处理表单时，必须指向您想要的元素。在这里，您需要name来获取表单元素值。

此外，有时您可能需要处理客户端表单或对HTML文档中的元素执行其他操作，现在指向它们的一种方法可能是id。

Answer 4

id通常由CSS样式引用或用于CSS样式。 name通常由与数据相关的php或其他服务器端脚本引用，value是归于该元素的“内容”，因此如果输入值=“hello”，那么这将出现在文本输入字段中

Answer 5

其他答案没有说清楚的一点是，属性的目的可能因其所属的元素而有所不同。

因此，虽然id属性标识了元素，无论它在何处，name属性在iframe和object上的用途与其在meta和button上的用途不同input元素，与提交元素keygen，object，select，textarea，param和{{ 1}}。 map元素和name元素都有form个属性，每个属性用于不同的目的，而fieldset元素，output元素和{{1} }元素使用它们的名称属性用于或多或少的共同目的，但与其他元素不同。

同样，value，input和button元素的option属性提供相似但略有不同的目的，progress和{{1 }}元素共享一个类似用途的meter属性，但每个value，param和li元素都有一个data (WHATWG HTML living standard only)属性，其目的是专用于那个特殊的元素。

为了正确理解所有目的，我建议您至少阅读the spec。

名称，ID和值有什么用？

5 个答案: