Тег textarea создает многострочное поле ввода для использования в HTML формах.

В отличие от тега input, в textarea можно вбивать много строк текста, разделяя их клавишей Enter.

Тег textarea должен лежать внутри тега form. Это не обязательно, необходимо для отправки данных на сервер и последующей их обработки через PHP.

По умолчанию пользователь может изменять размеры тега textarea, потянув за нижний правый угол. Это поведение можно изменить с помощью CSS свойства resize.

См. также теги input и select, которые также используются в HTML формах.

См. также атрибут disabled, с помощью которого можно блокировать поля ввода (в том числе и textarea).

Примеры

Пример . Просто текстареа

В данном примере демонстрируется вид тега textarea:

<textarea></textarea>

Результат выполнения кода:

Пример . Текст по умолчанию

В данном примере тегу textarea добавлен текст по умолчанию. Обратите внимание на то, что в отличие от тега input, тегу textarea не задается атрибут value, а текст по умолчанию пишется между открывающим тегом <textarea> и закрывающим </textarea>:

<textarea>Какой-то текст.</textarea>

Результат выполнения кода:

Пример . Паразитные пробелы

Обратите внимание на то, что если разнести открывающий тег <textarea> и закрывающий </textarea> на разные строки, то в результате в этом поле ввода появятся лишние пробелы (как бороться: не разносите на разные строки):

<textarea>
	Какой-то текст.
</textarea>

Результат выполнения кода:

Пример . Подсказка в textarea

В данном примере тегу textarea добавлена подсказка placeholder (применить CSS стили к подсказке можно с помощью псевдокласса placeholder):

<textarea placeholder="Я подсказка:)"></textarea>

Результат выполнения кода: