HTML-тег <textarea>

Характеристики

• Тип: строчный, интерактивный, семантический
• Назначение: Предоставляет многострочное поле для ввода текста пользователем.
• Родители: <form>, <fieldset>, любые HTML-теги, которые могут содержать строчные элементы.
• Потомки: Текст (начальное значение).
• Глобальные атрибуты: все
• Атрибуты событий: все

Атрибуты

• name — Имя элемента формы.
• placeholder — Подсказка для ввода.
• rows — Количество строк.
• cols — Количество столбцов.
• disabled — Отключает элемент.
• readonly — Делает элемент только для чтения.
• required — Указывает, что поле является обязательным.
• maxlength — Максимальная длина вводимого текста.
• minlength — Минимальная длина вводимого текста.
• wrap — Определяет, как текст должен переноситься внутри textarea (soft, hard).
• autocomplete — Включает или отключает автозаполнение.
• autofocus — Автоматически устанавливает фокус на элемент при загрузке страницы.
• form — Связывает элемент с формой, если он находится вне её.

Пример использования

<textarea id="myTextarea" name="message" rows="5" cols="30" placeholder="Введите сообщение"></textarea>

Использование в JavaScript

// Получение элемента по ID
const textarea = document.getElementById('myTextarea');

// Изменение текста
textarea.value = 'Новый текст';

// Добавление класса
textarea.classList.add('new-class');

// Отключение элемента
textarea.disabled = true;

Рекомендации по обеспечению доступности (a11y)

• Всегда связывайте <textarea> с <label> для улучшения доступности.
• Используйте атрибуты aria-required и другие ARIA-атрибуты при необходимости.

Полезные ссылки