HTML тег <textarea>

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

Синтаксис

<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> были добавлены новые атрибуты.

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

<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>

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

Учебник HTML

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

HTML Элементы