輸入類型標籤的屬性的有效順序

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雖然沒有關於輸入標籤的具體內容。我認爲這是一個很好的閱讀。