HTML Тег <textarea>

Пример

Многострочное поле ввода текста (текстовая область):

<label for="w3review">Отзыв о W3Schools:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
На w3schools.com вы научитесь создавать сайт. Они предлагают бесплатные руководства по всем технологиям веб-разработки.
</textarea>

Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.

Определение и использование

Тег <textarea> определяет многострочный элемент управления для ввода текста.

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

Текстовая область может содержать неограниченное количество символов, и текст отображается моноширинным шрифтом (обычно Courier).

Размер текстовой области задаётся атрибутами cols (столбцы) и rows (строки) (или с помощью CSS).

Атрибут name (имя) необходим для ссылки на данные формы после её отправки (если опустить атрибут name, данные из текстовой области отправлены не будут).

Атрибут id (идентификатор) необходим для связывания текстовой области с меткой (label).

Совет: Для лучшей практики доступности всегда добавляйте тег <label>!

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

Элемент
<textarea>	Да	Да	Да	Да	Да

Атрибуты

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

Глобальные атрибуты

Тег <textarea> также поддерживает Глобальные атрибуты в HTML.

Атрибуты событий

Тег <textarea> также поддерживает Атрибуты событий в HTML.

Больше примеров

Пример

Отключить опцию изменения размера по умолчанию:

<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>

<label for="w3review">Отзыв о W3Schools:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
На w3schools.com вы научитесь создавать сайт. Они предлагают бесплатные руководства по всем технологиям веб-разработки.
</textarea>

</body>
</html>

Попробуйте сами »