Псевдокласс :placeholder-shown активен, пока виден placeholder — удобно для floating label без JavaScript.
После ввода стили переключайте на :not(:placeholder-shown) или :valid с осторожностью.
- [:placeholder-shown — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:placeholder-shown) — Поведение псевдокласса.
- [:placeholder-shown — web.dev](https://web.dev/articles/web-forms-css-utilities) — Паттерны форм.
---
## Доступность
Placeholder не заменяет <label> — только дополняет подсказку.