Атрибут disabled тега <textarea>

Описание

Атрибут disabled в теге <textarea> отключает текстовое поле, делая его неактивным для пользователя. Заблокированное поле нельзя редактировать, и его значение не отправляется при отправке формы.

Пример использования:
<form> <label>Комментарий (только для чтения):</label> <textarea disabled>Этот текст нельзя изменить</textarea> </form>

Особенности работы:

  • Заблокированное поле визуально выделяется (обычно серым цветом)
  • Значение поля не включается в данные формы при отправке
  • Не получает фокус при навигации по странице
  • Может быть изменено только через JavaScript

Сравнение с readonly:

Характеристика disabled readonly
Редактирование Запрещено Запрещено
Фокус Недоступен Доступен
Отправка данных Нет Да
Визуальный стиль Серый, неактивный Обычный

Рекомендации:

  • Используйте для отображения неизменяемой информации
  • Для временного отключения лучше использовать JavaScript
  • Сочетайте с CSS для улучшения визуального отображения
  • Для важных данных, которые нужно отправить, используйте readonly

Ограничения:

  • Заблокированные поля плохо воспринимаются скринридерами
  • Могут нарушать логику работы формы
  • Требуют JavaScript для динамического изменения состояния
  • Не поддерживают копирование текста в некоторых браузерах

Советы по доступности:

<div class="disabled-wrapper"> <label>Информационное поле:</label> <textarea aria-disabled="true" readonly>Текст для информации</textarea> <span class="hint">Это поле только для чтения</span> </div> <style> .disabled-wrapper textarea[readonly] { background-color: #f5f5f5; border-color: #ddd; } </style>

Примечание: Для улучшения пользовательского опыта рассмотрите:

  • Альтернативы disabled (readonly + CSS)
  • Кастомные элементы интерфейса
  • Подсказки о причине блокировки поля
  • ARIA-атрибуты для лучшей доступности