最常见的checkbox的使用：
<input type="checkbox" name="test" /> 点击这里没有任何效果
因为checkbox在高分辨率下，小方块会很小，很不容易点，这难免在用户体验上大打折扣。
看看下面两种解决方案
<input type="checkbox" id="test" name="test" /><label for="test">点击这里就可以选中label</label>
<input type="checkbox" id="test" name="test" /><label for="test" style="cursor:pointer" accesskey="1">鼠标移到此处提示可点击，点击可选中label，你也可以用键盘快捷方式来<span style="text-decoration:underline;">1</span>（Alt+1）来选择checkbox</label>
<input type="checkbox" name="test" /> 点击这里没有任何效果因为checkbox在高分辨率下，小方块会很小，很不容易点，这难免在用户体验上大打折扣。
看看下面两种解决方案
<input type="checkbox" id="test" name="test" /><label for="test">点击这里就可以选中label</label><input type="checkbox" id="test" name="test" /><label for="test" style="cursor:pointer" accesskey="1">鼠标移到此处提示可点击，点击可选中label，你也可以用键盘快捷方式来<span style="text-decoration:underline;">1</span>（Alt+1）来选择checkbox</label>