输入类型标记的属性的有效顺序

Question

我知道这是非常基本的问题，希望不是那么重要，但我想知道答案，请不要建议只参考链接。

我们每天都会面对<input>类型标记及其属性（type, class, id, value, name, size, maxlength, tabindex etc..），我只是想知道

• <input>标记中的属性是否需要特定订单，或者我们可以使用任何订单吗？
• 如果订单那么它是什么？

Answer 1

已经回答了，但我的完整答案是：

• 在传递w3c验证方面没有预定义的属性顺序......这完全取决于你。

但是，你应该引入自己的标准并坚持下去。

如果有多个程序员在处理该应用程序，他们应该都遵守相同的标准。

如果您是团队负责人，网络开发企业所有者，经理等，您有责任鼓励（并强制执行）使用此标准的文化。

在进行代码审查时，应该检查属性顺序，任何失败的东西都应该让编码人员负责修复它......如果他们知道他们必须重写他们的话，他们只会把它搞砸一两次代码!!!

为什么所有这些都在烦恼和打扰属性顺序？

• 这将提高代码开发和调试速度。
• 使代码更具可读性
• 它鼓励程序员（或你）注意细节
• 它有助于营造“对您自己的代码负责”的环境

我个人的偏好是：

1. 类型（这样你就可以立即看到它是什么）
2. ID
3. class（我喜欢将2和3保持在一起，因为它们是最常见的js / jQuery选择器）
4. 姓名
5. value（我喜欢将4和5保持在一起，以便您可以快速参考它的输入和值）。
6. 所有其他（如已检查，最大尺寸等）
7. 式
8. tabindex（我喜欢7和8，因为它是“不相关的”，就实际功能而言，它们更具造型/可用性，让它们不受影响！

Answer 2

您可以使用任何序列

Answer 3

以下是Mark Otto

的代码指南

General attribute order guide

他给出了HTML CSS和JS的一般指导，尽管没有关于输入标签的具体内容。我认为这是一个很好的阅读。

Answer 4

HTML元素中的属性顺序根本不重要。您可以按照自己喜欢的顺序编写属性。

Answer 5

我的偏好是：id，name，type，class，attributes（如selected，checked），value