:read-only и :read-write: режим просмотра профиля
Один компонент поля — два визуальных режима без дублирования разметки.
Атрибут `readonly` блокирует изменение, но поле остаётся в tab order; `:read-only` убирает «активный» вид border и focus ring.
`:read-write` — для редактируемых полей в режиме «Изменить данные».
- :read-only — MDN — Стили только для чтения.
- readonly attribute — MDN — Поведение в формах.
Отличие от disabled
Readonly значения уходят при submit; disabled — нет. Для паспортных данных используйте readonly + кнопку «Запросить изменение».