把重点放在复选框上

Question

当用户将鼠标悬停在此元素上时，我需要知道如何将“框”聚焦在checkbox元素内。我可以专注于盒子的唯一方法是将鼠标悬停在盒子本身上，但不是在文本上方。事实上，当我点击文字时，我甚至无法查看该框。

提前致谢！

Answer 1

将复选框和文字换成<label>标记。

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

Answer 2

我不确定你的意思是第一行。如果您使用<label>，则可以点击该文字，并让残障人士可以访问该文字。

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

请参阅WebAIM's page on accessible controls