我見過很多的方式來標記的形式的東西,如<label>
,<div>
,<span>
等是否有這樣的正確或錯誤的答案?這些有什麼優點/缺點? 謝謝在表單中標註事物的正確方法是什麼?
2
A
回答
3
標籤是最好的輔助功能(tab順序,屏幕閱讀器等)
多見於: http://www.communitymx.com/content/article.cfm?cid=02310
1
的正確方法提供標籤的表單元素是使用<label>
:
一些表單控件自動與他們(按按鈕),而最不(文本字段,車相關的標籤ckboxes和單選按鈕,以及菜單)。
對於那些具有隱含的標籤控件,用戶代理應使用
value
屬性作爲標籤字符串的值。的
<label>
元素被使用,因爲它是一個語義元素提供意思到您的標記用戶代理能夠理解它,指定沒有隱含的標籤
控制標籤,往往有益標籤元素本身(像複選框微小的控制非常有幫助)上直接點擊。此外,您還爲使用屏幕閱讀器或其他輔助功能的用戶提供有用的幫助。
您不應該使用<div>
或<span>
實際上標籤的一個元素。但是,對於輔助幫助文本,它們可能會證明有用。但是,如果可能和明智的話,你應該堅持HTML的語義功能。這是我眼中的情況。
3
我傾向於選擇這樣的:
<label for="myInput">My Label</label>
<input type="textbox" name="MyInput" value="" />
看看什麼Phil Haack認爲...
0
最好的辦法是這樣的一個:
<label for="anInput">This is the input</label>
<input type="text" name="anInput" />
這是特別有趣複選框。如果你點擊標籤,它會檢查/取消選中複選框。如果你點擊一個輸入字段的標籤,它會選擇它。
該標籤爲 輸入元素定義標籤。
label元素不會呈現如 任何特殊的用戶。 但是,它爲鼠標用戶提供了一個可用性改進 ,因爲 如果用戶點擊 中的文本標籤元素,它將切換 控件。
的用於標籤的 屬性應該等於的 相關元素中的id屬性將它們 結合在一起。
相關問題
- 1. 在ASP.NET MVC中處理表單的正確方法是什麼?
- 2. 在C#中導入表單的正確方法是什麼?
- 3. 在Electron中處理表單的正確方法是什麼?
- 4. 在角2中實現註銷的正確方法是什麼?
- 5. 在jQuery中綁定事件的正確方法是什麼?
- 6. 在Java中使用JDBC事務的正確方法是什麼?
- 7. 在JQuery中處理事件的正確方法是什麼?
- 8. 在C++中做事件處理的正確方法是什麼?
- 9. 在PyQt 4中處理事件的正確方法是什麼?
- 10. reactjs中的正確方法是什麼?
- 11. 在URLConnection中設置標題的正確方法是什麼?
- 12. 在遊戲中移動鼠標的正確方法是什麼?
- 13. 在註冊後獲取令牌的正確方法是什麼?
- 14. 模擬提交測試表單的正確方法是什麼?
- 15. 在wxWidgets中處理鏈表的正確方法是什麼?
- 16. 什麼是在CosmosDB中創建表的正確方法?
- 17. 在c#中表示double的正確方法是什麼?
- 18. 在表格中設置列寬的正確方法是什麼?
- 19. 在表格中保存數據的正確方法是什麼
- 20. 在python中派生類方法的正確方法是什麼?
- 21. 確保單個課程實例的正確方法是什麼?
- 22. 在菜單控制中覆蓋渲染方法的正確方法是什麼
- 23. Python - 單元測試方法在不同類中的正確方法是什麼?
- 24. 什麼是註冊用戶配置文件的正確方法?
- 25. 在beego中處理表單提交的正確方法是什麼?
- 26. 在聚合物元素中加載web字體的正確方法是什麼
- 27. C++ API - 什麼是正確的方法
- 28. 什麼是正確的設計方法?
- 29. 這是做什麼的正確方法?
- 30. QSqlDatabase&QSqlQuery的正確方法是什麼?
的用於標籤的屬性是關鍵部分。 – 2009-08-14 21:30:06
Tab選項在''元素上指定,* not *在標籤上指定。 – Joey 2009-08-14 21:30:35
選項卡跳過標籤,使其更有用 – 2009-08-14 21:33:03