Тег <textarea> определяет многострочный элемент управления вводом текста в форме. Текст внутри текстовой области обычно отображается в моноширинном шрифте (фиксированной ширины) браузера по умолчанию, таком как Courier. Текстовая область может содержать неограниченное количество символов.
| Тип: | Inline |
| Контент: | Текст |
| Открывающий тег: | Обязательный |
| Закрывающий тег: | Обязательный |
| Версия: | HTML 2, 3.2, 4, 4.01, 5 |
Синтаксис
Базовый синтаксис тега <textarea> выглядит следующим образом:
HTML / XHTML: <textarea cols="number" rows="number" > ... </textarea>
Примеры написания кода тега <textarea>:
<form>
<p>Оставьте свой комментарий:
<textarea cols="60" rows="5">пишите здесь...</textarea>
</p>
</form>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <textarea>:
| Атрибут | Значение | Описание |
|---|---|---|
autofocus |
autofocus |
Указывает, что текстовое поле должно автоматически получать фокус при загрузке документа. |
cols |
number | Определяет количество видимых текстовых строк. |
disabled |
disabled | Этот логический атрибут отключает текстовую область для пользовательского ввода или взаимодействия. |
form |
form-id |
Определяет форму, с которой связана текстовая область. |
maxlength |
number | Определяет максимальное количество символов, которое пользователь может ввести в текстовую область. |
minlength |
number | Указывает минимальное количество символов, обязательное для ввода пользователем в текстовой области. |
name |
unique-name | Присваивает имя элементу управления <textarea>. |
placeholder |
text | Предоставляет пользователю подсказку о том, что можно ввести в текстовую область. Текст заполнителя не должен содержать разрывов строк. |
readonly |
readonly |
Этот логический атрибут указывает, что пользователь не может изменить значение элемента управления <textarea> (то есть он будет использоваться только для чтения). |
required |
required |
Этот логический атрибут указывает, что пользователь должен заполнить значение перед отправкой формы. |
rows |
number | Определяет видимую ширину, значение указывается в количестве символов. |
wrap |
hardsoft |
Определяет, как значение текстовой области должно быть обработано для отправки формы. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <textarea> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <textarea> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <textarea> поддерживается во всех основных браузерах.

















