使用“Checkbox”破解实时网站

时间:2012-01-21 19:19:30

标签: html css checkbox radio-button semantics

最近有很多关于CSS的“Checkbox Hack”的例子。

Css-Tricks对黑客的作用有一个很好的解释:

  

“Checkbox Hack”是您使用连接标签和复选框的地方   输入,通常是你试图控制的其他一些元素

Source & more information of the hack.

最近让我喜欢黑客攻击的是CoDrops使用单选按钮进行实验create filter functionality with just CSS.真是太神奇了。

黑客可以做一些非常棒的东西,需要没有JavaScript。问题是复选框和单选按钮只是用于表单,所以它的语义很糟糕。但是我没有看到使用在大多数浏览器中兼容的“hack”和移动设备的解决方案的问题,如果它意味着更少的JavaScript和更好的性能。

你是否认为这种黑客在现场网站上使用是“好的”,即使它的语义很糟糕或者你认为,它可以使用吗?

1 个答案:

答案 0 :(得分:5)

阅读您链接到的网站上的黄色免责声明:

  

免责声明:这些内容中的一些跨越了“应该”的界限   使用CSS并引入一些不好的语义。这仍然是邪恶的乐趣   尽可能地玩和冷却,但通常是功能性的   行为应该由JavaScript控制。

我不会说这是自己的“黑客”。这一切都非常有效,例如,你可以使用+相邻选择器或:focus做很多其他疯狂的事情。但是,它肯定可以用于一些“hacky”的东西。

例如,如果它帮助用户填写表格:那太好了。请记住,对:checked的支持并不普遍,因此如果您的网站的可用性依赖于,请通过javascript寻找备用解决方案/填充程序。

如果您只是为了行为/演示而将复选框元素添加到标记中,那么是 - 您应该避免使用它。如果您已经开始使用该元素,而您只是改进用户体验,那就太棒了。