HTML тег <textarea>

Элемент <textarea> (от англ. "text area" ‒ «текстовое поле») определяет многострочное текстовое поле. Основное отличие от тега <input> заключается в том, что допускаются переносы строк (они сохраняются при отправке данных на сервер). По умолчанию количество символов, которое можно ввести в поле не ограничено, а введенный текст отображается моноширинным начертанием.

Примечание: Отображаемый размер текстового поля ввода можно задавать при помощи атрибутов cols и rows, либо при помощи CSS свойств height и width.

Синтаксис

<textarea>...</textarea>

Закрывающий тег

Обязателен.

Атрибуты

autocompleteHTML5
Включает или отключает автозаполнение.

autofocusHTML5
Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы.

cols
Определяет видимую ширину текстовой области (в символах). Значение по умолчанию 20 символов.

dirnameHTML5
Параметр, который передаёт на сервер направление текста.

disabled
казывает, что текстовая область будет неактивна, т.е. не будет возможности вводить текст или изменять и копировать текст, заданный по умолчанию.

formHTML5
Определяет форму с которой связан элемент <textarea>. В качестве значения атрибута выступает идентификатор элемента <form>. Этот атрибут позволяет размещать многострочное текстовое поле в произвольном месте документа, а не только в качестве потомка элемента <form>.

maxlengthHTML5
Определяет максимально количество символов, которое можно будет ввести в текстовое поле.

minlengthHTML5
Указывает минимальное количество символов, которое может содержаться в текстовой области.

name
Определяет имя для текстового поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.

placeholderHTML5
Определяет короткую подсказку, которая описывает ожидаемое значение для текстового поля. Подсказка будет отображатся в текстовом поле, когда оно пустое, и исчезнет при получение им фокуса.

readonly
Устанавливает, что поле не может изменяться пользователем.

requiredHTML5
Указывает, что текстовое поле должно быть заполнено перед отправкой формы на сервер.

rows
Определяет видимое количество строк в текстовой области (в символах). Значение по умолчанию 2 символа.

wrapHTML5
Определяет параметры переноса строк в тексте, при отправке данных на сервер:
hard ‒ браузер автоматически вставляет разрывы строки так, что каждая строка не будет иметь ширину больше, чем ширина текстового поля. Обязательным условием использования значения hard является установленный атрибут cols.
soft ‒ текст отправляется одной сплошной строкой, дополнительные переносы строк не добавляются. Является значением по умолчанию.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

В HTML5 тегу <textarea> были добавлены новые атрибуты.

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

Пример HTML:

Попробуй сам
<form action="" method="POST">
<p>Ознакомьтесь с соглашеием:</p> 
  <textarea cols="24" rows="3" name="about" readonly>
  Условия нашего соглашения…</textarea><br/>
<p>Ваше мнение о этом соглашении:</p>
  <textarea name="comments" cols="24" rows="4">
  Введите свой комментарий…</textarea>
</form>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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


Учебник HTML

HTML уроки: Элементы формы

HTML Элементы



Contema