Тег <textarea>

Текстовая область
  • Категории: Потоковое содержимое, Фразовое содержимое, Интерактивное содержимое
  • Контекст:

    Где ожидается фразовое содержимое.

  • Модель:

    Текст.

Тег <textarea> (от англ. "text area" - текстовая область) представляет собой многострочную текстовую область, которая хорошо подходит для отправки больших сообщений:

  • публикация статей
  • комментарий
  • отзыв
  • сообщение на форуме
  • и т.д.

В отличие от элемента <input>, значение текстовой области пишется не в атрибуте value, а как содержимое самого тега. При этом, в значении сохраняется все переносы строк, что позволяет форматировать сообщение.

Управлять размерами текстовой области можно как через CSS, так и с помощью специальных атрибутов cols и rows.

Атрибуты

  • Глобальные атрибуты
  • autocomplete - Подсказка для функции автозаполнения форм
  • autofocus - Автоматически фокусировать элемент управления формой при загрузке страницы
  • cols - Максимальное количество символов в строке
  • dirname - Имя поля формы для использования для отправки элемента направленности в представлении §4.10.21 формы
  • disabled - Отключен ли контроль формы
  • form - связывает form элемент управления с элементом
  • maxlength - Максимальная длина значения
  • minlength - Минимальная длина значения
  • name - Имя элемента управления формы для использования при отправке формы §4.10.21 и в form.elementsAPI
  • placeholder - Видимая пользователем метка для размещения в элементе управления формы
  • readonly - разрешить ли пользователю редактировать значение
  • required - обязательно ли поле для заполнения
  • rows - количество строк для отображения
  • wrap - Как значение элемента управления формы должно быть обернуто для отправки формы
  • Использование текстовой области

    Рассмотрим базовый пример использования элемента <textarea> для отправки комментария:

Поделитесь данной записью с друзьями