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

Question

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

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

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

Answer 1

已经回答了,但我的完整答案是:

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

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

如果有多个编码人员在应用程序上工作,他们应该都遵循相同的标准.

如果您是团队负责人,web-dev业务所有者,经理等,您有责任鼓励(并强制执行)使用此标准的文化.

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

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

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

我个人的偏好是:

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

Answer 2

您可以使用任何序列

Answer 3

这是Mark Otto的代码指南

常规属性订单指南

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

Answer 4

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

Answer 5

我的偏好是：id、名称、类型、类、属性（如选定的、选中的）、值