Тег <textarea>

Описание

Тег <textarea> создаёт многострочное текстовое поле ввода в формах. Это интерактивный элемент, позволяющий пользователям вводить и редактировать текст произвольной длины.

Базовый синтаксис:
<textarea rows="4" cols="50"> Текст по умолчанию... </textarea>
Примеры использования:
<!-- Базовое текстовое поле --> <label for="comment">Комментарий:</label> <textarea id="comment" name="comment" rows="5"></textarea> <!-- С подсказкой и ограничением --> <textarea placeholder="Введите ваш отзыв..." maxlength="500" required ></textarea> <!-- Автоматическое увеличение --> <textarea style="min-height: 50px; resize: vertical" oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'" ></textarea> <!-- Для markdown-редактора --> <div class="editor"> <textarea id="markdown" wrap="off"># Заголовок</textarea> <div class="preview"></div> </div>

Рекомендации по использованию:

  • Всегда используйте с <label> для доступности
  • Для адаптивности задавайте ширину через CSS (не cols)
  • Ограничивайте максимальную длину ввода (maxlength)
  • Предоставляйте понятные placeholder-подсказки
  • Для сложных редакторов рассмотрите библиотеки (CKEditor, TinyMCE)

Тег <textarea> является важным элементом форм для многострочного ввода текста, поддерживающим широкие возможности кастомизации и интеграции с JavaScript.

Атрибуты

autocomplete Управление автозаполнением
autofocus Автоматический фокус при загрузке
cols Ширина в символах
dirname Имя поля для направления текста
disabled Отключает элемент
form Связывает с формой
maxlength Максимальная длина текста
minlength Минимальная длина текста
name Имя для отправки данных
placeholder Подсказка в поле
readonly Только для чтения
required Обязательное поле
rows Высота в строках
wrap Перенос текста
accesskey Горячая клавиша
class CSS-классы
contenteditable Редактируемость
dir Направление текста
hidden Скрытый элемент
id Уникальный идентификатор
lang Язык содержимого
spellcheck Проверка орфографии
style Инлайновые стили
tabindex Порядок фокусировки
title Всплывающая подсказка
translate Возможность перевода
inputmode Тип клавиатуры для ввода

Поддержка браузерами
3.0 1.0 4.0 1.0 1.0