使用 HTML 和 CSS 检测特定文本输入

Louis Lazaris 细致地解释了来自 Jane 的一些真正的 CSS 技巧。该示例展示了交互式操作，其中

1. 您必须按键盘上的特殊键组合。
2. 然后输入一个秘密密码。

之后，屏幕上会弹出一个特殊的消息。这很容易用 JavaScript 实现，但这里完全用 HTML 和 CSS 完成了，这非常棒。

这里结合了许多鲜为人知的特性和技巧来实现这一点，例如 HTML 的 accesskey 和 pattern 属性，以及 CSS 中的 :not()、:placeholder-shown 和 :valid——更不用说 自定义属性切换技巧了。

这… 太棒了。然而，看看代码量是多么少。

直接链接 →