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

路易斯-拉扎里斯分析了来自简的一些真正的CSS技巧。The Pen展示了交互性，其中。

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

从那里，屏幕上会弹出一个特殊的信息。这很容易是JavaScript的领域，但不，这里完全是用HTML和CSS完成的，这很疯狂。

CodePen嵌入回退

很多鲜为人知的功能和技巧在这里被结合起来完成，比如HTML的accesskey 和pattern 属性，以及CSS中的:not() 、:placeholder-shown 和:valid ，更不用说自定义属性切换的技巧了。

这真是......哇。然而，看看它的代码是多么的少。

转到共享链接-Permalink on CSS-Tricks

The postDetecting Specific Text Input with HTML and CSSappeared first onCSS-Tricks.你可以通过成为MVP支持者来支持CSS-Tricks。