Тег <textarea>

Синтаксис

Описание

Тег <textarea> (от англ. text area ‒ текстовое поле) добавляет многострочное текстовое поле.

В отличие от элемента <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

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

Примечание!

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

Атрибуты, которые можно использовать в теге <textarea>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут	Значение	Описание
autofocus	autofocus	Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы
cols	число	Определяет видимую ширину текстовой области
dirname	ltr rtl	Указывает, что направление текста будет отправлено на сервер
disabled	disabled	Указывает, что текстовая область должна быть отключена
form	id формы	Указывает одну или несколько форм, к которым относится текстовая область
maxlength	число	Указывает максимальное количество символов, разрешенных в текстовой области
name	текст	Задает имя для текстовой области
placeholder	текст	Задает краткую подсказку, описывающую ожидаемое значение текстовой области
readonly	readonly	Указывает, что текстовая область должна быть только для чтения
required	required	Указывает, что текстовая область обязательна/должна быть заполнена
rows	число	Указывает видимое число строк в текстовой области
wrap	hard soft	Указывает, как текст в текстовой области должен быть упакован при отправке в форме

Пример

HTML-код:

<!DOCTYPE html>

<head>

<title>Тег textarea</title>

</head>

<body>
<form>
<textarea name="text" rows="10" cols ="40"></textarea><br><br>
<input type="submit" value="Отправить">
</form>

</body>

</html>

Отображение в браузере:

Параметры CSS по умолчанию

Нет.

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

Элемент	Chrome	Opera	Firefox	Safari	Microsoft Edge
<textarea>	Да	Да	Да	Да	Да

Элемент

Chrome

Opera

Firefox

Safari

Microsoft Edge

Да