我制作了一个用于下订单的 html 向导。有四个步骤,每个步骤都是一堆单选按钮。我将每个单选按钮标签重新设计为大按钮(并隐藏了单选输入本身)。这一切在经典 PC 上都非常有效。但是我遇到了移动设备(iPhone 和 iPAD,我无法在其他设备上测试,因为我没有)的问题,它们无法选择单选按钮。
我只找到了 one notice这个问题在 stackoverflow 上,但是那里发布的解决方案也不起作用。
原创灵感来自apple online store用于选择不同颜色的设备。
我的示例代码:
<label class="option" for="edit-term-worker">
<input id="edit-term-worker" class="form-radio" type="radio">
<span class="worker-name">Sandra</span>
</label>
是需要一些 JS,还是我的代码有缺陷?
谢谢大家的帮助。
最佳答案
你试过吗?
<input id="edit-term-worker" class="form-radio" type="radio" />
<label class="option" for="edit-term-worker" onclick="">
<span class="worker-name">Sandra</span>
</label>
编辑:添加了一个空的 onclick,根据这个应该可以解决问题:HTML <label> command doesn't work in Iphone browser
注意不要把单选按钮放在label标签里面,它应该在外面。
关于html - 在触摸移动设备上激活单选标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9963775/