html - 输入类型标签属性的有效顺序

Question

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

我们每天都要面对<input>类型标签及其属性(type, class, id, value, name, size, maxlength, tabindex etc..)，我只想知道

• <input> 中的属性是否有任何特定的顺序要求？标签还是我们可以使用任何订单？
• 如果有订单那么它是什么？

Answer 1

已经得到回答，但我的完整和扩展的答案是:

• 对于通过 w3c 验证的属性没有预定义的顺序...这完全取决于您。

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

如果有多位程序员在开发应用程序，他们都应该遵守相同的标准。

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

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

为什么要对属性顺序大惊小怪？

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

我个人的偏好是:

1. 输入(这样你就可以立即看到它是什么)
2. 编号
3. 类(我喜欢将 2 和 3 放在一起，因为它们是最常见的 js/jQuery 选择器)
4. 姓名
5. 值(我喜欢将 4 和 5 并排放置，这样您可以快速引用它是什么输入及其值)。
6. 所有其他(如选中、最大尺寸等)
7. 风格
8. tabindex(我喜欢 7 和 8 放在最后，因为它“不相关”，就实际功能而言，它们更多的是样式/可用性方面的东西，让它们远离!