解决label标签在IOS设备上无效的问题
最近一直在做Iphone、Android的Web项目,发现个很让人恼火的问题
本身因为硬件原因,手机的屏幕都比较小,也就导致了radio、checkbox的默认大小,难点的令人发指
那么,label的作用这时就应该体现出来了。当令我意想不到的问题是,在包括Iphone、Ipad、IPod Touch上,label标签竟然无效!!
查了一堆文档,都没有说名这个问题,后来作罢,把checkbox大小做的大一点,修改下外观,并跟客户说明了下情况。这才作罢。
今天偶然在网上看到一篇文章,说label在IOS上是有bug的,只要添加个onclick=””就恢复正常了。果断试了下,竟然真的好了~~
完整代码;
<label for="ckb_user" onclick="">我是演示</label> <input id="ckb_user" type="checkbox" value="0" />
参考文章:《使iPhone Safari的label元素生效》
http://www.keakon.net/2011/01/20/%E4%BD%BFiPhoneSafari%E7%9A%84label%E5%85%83%E7%B4%A0%E7%94%9F%E6%95%88