替代无线电输入

Question

我正在尝试建立一个系统,要求用户指定他们提交的内容类型,使用PNG图标来表示每种类型.理想情况下,我想要的是一组三个按钮(上面有图像),其行为类似于单选按钮 - 用户可以使用箭头键在它们之间切换,它们被视为一组,等等.然而,这似乎是不可能的,而我能得到的最接近的是将图像与预先存在的单选按钮放在一起.有没有一种"伪造"这种功能的好方法？

Answer 1

我建议使用单选按钮,因为用户将识别这些输入,它将在没有javascript的情况下工作.

<form>
<input type="radio" name="sex" value="male" id="male"/><label for="male">Male</label>
<br />
<input type="radio" name="sex" value="female" id="female" /> <label for="female">Female</label>
</form>

然后,您可以将图像放在标签内,或者更好地将背景图像放在文本中.