:placeholder-shown: стили пустого поля без JS-класса .empty
Плавающие label и мягкая валидация до первого ввода.
Псевдокласс `:placeholder-shown` активен, пока виден placeholder — удобно для floating label без JavaScript.
После ввода стили переключайте на `:not(:placeholder-shown)` или `:valid` с осторожностью.
- :placeholder-shown — MDN — Поведение псевдокласса.
- :placeholder-shown — web.dev — Паттерны форм.
Доступность
Placeholder не заменяет `<label>` — только дополняет подсказку.