2013-07-16 85 views
-1

我需要知道當用戶將鼠標懸停在此元素上時,如何將複選框元素中的「框」聚焦。我可以將盒子對焦的唯一方法是將鼠標懸停在盒子本身上,但不能覆蓋文本。實際上,當我點擊文本時,我甚至無法檢查框。關注複選框

在此先感謝!

+0

嘗試新鮮事物? – putvande

回答

1

將複選框和文本包裝在<label>標記中。

例:<label><input name="myCheckbox" type="checkbox" />My Checkbox</label>

+0

應該是'id'而不是'name',並且從〜2003開始包裝標籤並沒有受到歡迎 –

+1

@RyanB名稱對輸入有效,因爲它是服務器用作此表單元素的密鑰 – bluetoft

+1

@RyanB - 如果包裝輸入周圍的標籤不需要for屬性。 – j08691

1

我不知道你的第一行是什麼意思。如果您使用<label>,則可讓您點擊該文本,並使其可供殘障人士訪問。

<input type='checkbox' id="male"><label for="male">Male</label> 

看到WebAIM's page on accessible controls