如何解决什么技术用于显示这些精美的可点击选项?
| 我正在创建一个小表格,用户 在输入框中输入一些文本 从众多选项中选择 关于需要采取的行动 与数据一起 点击提交按钮 断开连接会以更好的方式执行类似的操作: 您可以在这里单击五个分区中的任何一个。这很妙,因为它使用户更容易执行相同的任务,并将“ 0”简化为“ 1”。 使用什么技术来显示这样的菜单?解决方法
一个很好的方法是-不需要javascript-使用单选按钮,但使它们不可见。每个单选按钮的可点击文本和图标都位于标签内,因此您可以单击标签或图标以选择单选按钮。
这确保了一些重要的事情:
只能选择一项
选择随表格一起传回
浏览器的本机表单处理仍然有效
辅助功能选项仍然有效
您一定要小心,使标签明显可点击,因为您失去了使单选按钮可见的视觉提示。
IE6和7也需要破解-它们具有怪异的行为,无法通过单击其标签来选择显示:无或可见性:隐藏的单选按钮或复选框。
这是一个示例:http://www.spookandpuff.com/examples/clickableToggles.html
(我没有提供图标-您可以通过将它们设置为CSS中每个项目的背景来轻松添加这些图标(不要使用
<img>
标签)。
编辑哦,伙计-我刚刚正确地阅读了问题!抱歉,您希望行为是“选择”而不是“选择并提交” ...一种简单的方法是在输入中添加一些javascript,以使输入的内容在输入时自动提交被选中。我已经更新了示例以显示这一点。
, 看起来像JavaScript:https://github.com/disconnectme/disconnect.me
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。