在表單中標註事物的正確方法是什麼？

Question

我見過很多的方式來標記的形式的東西，如<label>，<div>，<span>等是否有這樣的正確或錯誤的答案？這些有什麼優點/缺點？ 謝謝

Answer 1

標籤是最好的輔助功能（tab順序，屏幕閱讀器等）

多見於： http://www.communitymx.com/content/article.cfm?cid=02310

Answer 2

的正確方法提供標籤的表單元素是使用<label>：

一些表單控件自動與他們（按按鈕），而最不（文本字段，車相關的標籤ckboxes和單選按鈕，以及菜單）。

對於那些具有隱含的標籤控件，用戶代理應使用value屬性作爲標籤字符串的值。

的<label>元素被使用，因爲它是一個語義元素提供意思到您的標記用戶代理能夠理解它，指定沒有隱含的標籤

控制標籤，往往有益標籤元素本身（像複選框微小的控制非常有幫助）上直接點擊。此外，您還爲使用屏幕閱讀器或其他輔助功能的用戶提供有用的幫助。

您不應該使用<div>或<span>實際上標籤的一個元素。但是，對於輔助幫助文本，它們可能會證明有用。但是，如果可能和明智的話，你應該堅持HTML的語義功能。這是我眼中的情況。

Answer 3

我傾向於選擇這樣的：

<label for="myInput">My Label</label> 
<input type="textbox" name="MyInput" value="" /> 

看看什麼Phil Haack認爲...

Answer 4

最好的辦法是這樣的一個：

<label for="anInput">This is the input</label> 
<input type="text" name="anInput" /> 

這是特別有趣複選框。如果你點擊標籤，它會檢查/取消選中複選框。如果你點擊一個輸入字段的標籤，它會選擇它。

該標籤爲 輸入元素定義標籤。

label元素不會呈現如 任何特殊的用戶。 但是，它爲鼠標用戶提供了一個可用性改進 ，因爲 如果用戶點擊 中的文本標籤元素，它將切換 控件。

的用於標籤的 屬性應該等於的 相關元素中的id屬性將它們 結合在一起。

via