我正在尝试制作一个系统，要求用户指定他们提交的内容类型，使用 PNG 图标来表示每种类型。理想情况下，我想要的是一组三个按钮(上面有图像)，它们的行为类似于单选按钮 - 用户可以使用箭头键在它们之间切换，它们被视为一组，等等。然而，这似乎是不可能的，我能得到的最接近的是将图像放在预先存在的单选按钮旁边。有没有好办法“伪造”这个功能？
最佳答案
我建议使用单选按钮，因为用户会识别这些输入，并且无需 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>
然后，您可以在标签内放置一个图像，或者更好的是，放置一个背景图像来补充文本。
关于html - 替代 radio 输入，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/715471/