问题描述
|
我正在创建一个小表格，用户
在输入框中输入一些文本
从众多选项中选择
关于需要采取的行动
与数据一起
点击提交按钮
断开连接会以更好的方式执行类似的操作：
您可以在这里单击五个分区中的任何一个。这很妙，因为它使用户更容易执行相同的任务，并将“ 0”简化为“ 1”。
使用什么技术来显示这样的菜单？
解决方法
一个很好的方法是-不需要javascript-使用单选按钮，但使它们不可见。每个单选按钮的可点击文本和图标都位于标签内，因此您可以单击标签或图标以选择单选按钮。
这确保了一些重要的事情：
只能选择一项
选择随表格一起传回
浏览器的本机表单处理仍然有效
辅助功能选项仍然有效
您一定要小心，使标签明显可点击，因为您失去了使单选按钮可见的视觉提示。
IE6和7也需要破解-它们具有怪异的行为，无法通过单击其标签来选择显示：无或可见性：隐藏的单选按钮或复选框。
这是一个示例：http://www.spookandpuff.com/examples/clickableToggles.html
（我没有提供图标-您可以通过将它们设置为CSS中每个项目的背景来轻松添加这些图标（不要使用
<img>