Тег <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 |
hard soft |
Определяет, как значение текстовой области должно быть обработано для отправки формы. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <textarea>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <textarea>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <textarea>
поддерживается во всех основных браузерах.