HTML - тег <textarea> определяет поле формы, в которое пользователь может ввести многострочный текст. В отличие от тега <input>, перенос текста внутри <textarea> разрешен при отправке формы.
Тег <textarea> - синтаксис и код
Тег <textarea> представлен парами. Содержимое записывается между открывающим (<textarea>) и закрывающим (</textarea>) тегами.
Элемент управления многострочным вводом текста (текстовая область):
<label for="ancreview">Обзор AppNet.Club:</label>
<textarea id="ancreview" name="ancreview" rows="4" cols="50">
На веб-сайте AppNet.Club вы найдете руководство по HTML, а также обзоры ПО и новости ИТ.
</textarea>
Определение и использование
HTML - тег <textarea> определяет элемент управления многострочным вводом текста и используется внутри тега <form>;
Элемент textarea часто используется в форме для сбора вводимых пользователем данных, таких как комментарии или обзоры;
Текстовая область может содержать неограниченное количество символов, а текст отображается шрифтом фиксированной ширины (обычно Courier);
Размер текстовой области определяется атрибутами cols и rows (или с помощью CSS);
Атрибут name необходим для ссылки на данные формы после ее отправки (если вы опустите этот атрибут, никакие данные из текстовой области не будут отправлены);
Атрибут id необходим для связи текстовой области с меткой.
✪ Рекомендация: всегда добавляйте тег <label>, чтобы обеспечить максимальную доступность!
Поддержка <textarea> браузерами
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
✅ Поддерживает
Атрибуты
Атрибут
Значение
Описание
autofocus
autofocus
Указывает, что текстовая область должна автоматически фокусироваться при загрузке страницы
cols
number
Определяет видимую ширину текстовой области
dirname
textareaname.dir
Указывает, что направление текста текстовой области будет отправлено
disabled
disabled
Указывает, что текстовая область должна быть отключена
form
form_id
Указывает, какой форме принадлежит текстовая область
name
text
Задает имя текстовой области
placeholder
text
Указывает короткую подсказку, описывающую ожидаемое значение текстовой области
readonly
readonly
Указывает, что текстовая область должна быть доступна только для чтения
required
required
Указывает, что текстовая область обязательная/должна быть заполнена
rows
number
Указывает видимое количество строк в текстовой области
wrap
hard
soft
Указывает, как текст в текстовой области должен быть перенесен при отправке в форму
