HTML тег - textarea - определение и примеры использования
Меню
Веб-разработка
Мои услуги на Kwork
Тег textarea HTML

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> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибут Значение Описание
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
Указывает, как текст в текстовой области должен быть перенесен при отправке в форму

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

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

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

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


Настройки CSS по умолчанию

 

Отсутствуют.


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой