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

BELAYA KASKA / FEATURE

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

readonly vs disabled: просмотр и блокировка поля

Tab order и отправка формы.

Изображение статьи: readonly vs disabled: просмотр и блокировка поля

readonly — значение уходит с формой, поле в tab order; disabled — не отправляется и обычно серое, с клавиатуры недоступно.

Для «режима просмотра» профиля клиента — readonly; для недоступного поля тарифа — disabled с пояснением.

- [readonly — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) — Только чтение.

- [disabled — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled) — Отключено.

---

## Стили

:read-only и :disabled — разные псевдоклассы в CSS, не дублируйте один серый цвет.

#HTML#формы#a11y

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