input标签与label标签的“合作关系”

label的for属性和input的id值一致的话,input和label就会组成一个组。例如:

<label for="test">
    <input type="checkbox" id="test" abc="1111" />
</label>

点击label的区域同样会触发到input的选中效果。利用这一特性,然后结合伪元素可以自定义单选框和单选按钮。

posted @ 2017-04-11 13:52  晨莳c  阅读(3006)  评论(0编辑  收藏  举报