四處逛逛標籤點擊屬性

Question

我爲表單使用標籤。當你點擊一個標籤的「行」時，這會爲你選擇輸入，這很自然。

但是，當我想要使用，例如，在同一個<label>（DD/MM/YY）中選擇3個時，它不會選擇無，可能只有一個輸入。

有什麼辦法可以讓標籤不會自動關注輸入，還是應該選擇另一種方式來放置選擇？

Answer 1

您可以將標籤的ID與日期輸入的第一個字段相同。例如參見這裏演示：

http://jsfiddle.net/E4Fh5/1/

Answer 2

我相信在這種情況下約定是將標籤分配給第一個 select元素。

Answer 3

http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1

爲= IDREF [CS]該屬性 明確的標籤是與另一控制定義 相關聯。當出現 時，此屬性的值 必須與 中某個其他控件的 id屬性的值相同。當缺失時，定義的標籤 與元素的內容相關聯。

我假設你目前在<label>裏面有<select>。

如果外移動內容不設置for屬性，它應該做您需要的資料後：

<label>Date<label><select></select>...

Answer 4

屏幕閱讀器的輔助功能，你實際上應該在這裏3個標籤，一個是每個選擇，但你可能只希望第一個可見，並作爲托比亞斯說，分配到第一選擇。