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

Question

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

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

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

Answer 1

你可以使用任何序列

Answer 2

属性的顺序在HTML元素不会在所有问题。您可以按照您喜欢的任何顺序编写属性。

Answer 3

我的选择是：ID，名称，类型，等级，属性（如选中，选中），价值

Answer 4

已经回答了，但我充分扩展的回答是：

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

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

如果有多个编码器在应用程序上工作，他们应该都遵守相同的标准。

如果您是团队负责人，web-dev企业主，经理等，您有责任鼓励（并强制）使用此标准的文化。

执行代码审查时应检查属性顺序，任何失败的应该让编码人员负责修复它们......如果他们知道必须重写它们，它们只会将其碎片化一次或两次他们的代码！

为什么所有这些大惊小怪，并打扰属性顺序？

• 这将增加代码开发和调试速度。
• 这使得代码更易读
• 它鼓励程序员（或者你）要注意的小细节
• 它有助于培养的环境“的责任为自己的代码”

我个人的偏好是：

1. 类型（这样你就可以马上看到它是什么）
2. ID
3. 类（我喜欢保持2和3一起，因为他们是最常见的JS/jQuery选择）
4. 名
5. 值（我喜欢保持4和5彼此相邻，因此您可以快速参考输入什么它是和它的价值）。
6. 所有其他人（如检查，最大尺寸等）
7. 风格
8. tabindex属性（我喜欢7和8是在年底，因为它是“不相关”，在实际功能方面，他们更有造型/实用性的东西，陪他们闪开！

Answer 5

下面是Mark Otto

General attribute order guide

代码指导，他赐给了HTML的一般准则CSS和JS虽然没有关于输入标签的具体内容。我认为这是一个很好的阅读。