Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

:read-only и :read-write: режим просмотра профиля

Один компонент поля — два визуальных режима без дублирования разметки.

Изображение статьи: :read-only и :read-write: режим просмотра профиля

Атрибут readonly блокирует изменение, но поле остаётся в tab order; :read-only убирает «активный» вид border и focus ring.

:read-write — для редактируемых полей в режиме «Изменить данные».

- [:read-only — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:read-only) — Стили только для чтения.

- [readonly attribute — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) — Поведение в формах.

---

## Отличие от disabled

Readonly значения уходят при submit; disabled — нет. Для паспортных данных используйте readonly + кнопку «Запросить изменение».

#CSS#формы#ЛК

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