● design

:placeholder-shown: стили пустого поля без JS-класса .empty

:placeholder-shown: стили пустого поля без JS-класса .empty

Псевдокласс :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> — только дополняет подсказку.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Подписывайтесь на наш канал в Telegram

и получайте ежедневную порцию новостей из мира строительства и недвижимости, читайте интервью и участвуйте в опросах

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.