“浮动标签” 是一种常见的表单设计模式，其中表单的 label 显示在 input 元素的上方，直到用户点击它。 然后，它会过渡到一旁，露出下方的占位符文本，但 label 仍将可见于其上方或下方。
Emil Björklund 为我们提供了一个 有趣的演示，该演示复制了此模式，但无需任何 JavaScript，并且使用 :placeholder-shown 伪类选择器。
请注意，还有其他仅使用 CSS 的方法可以实现这一点（在此 大型合集中 查看大量不同的方法），但除了其当前的支持水平之外，:placeholder-shown 是此目的的完美选择器。