textarea — поле для текста

  • 7 августа 2023

Справочник

Анастасия Ткачева

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <textarea> создаёт многострочное поле для ввода текста. Его можно использовать в формах обратной связи для ввода комментариев:

<textarea id='feedback' name='feedback' rows='4' cols='50'>
Замечательный сайт,
обязательно приду к вам ещё.
</textarea>

Атрибуты rows и cols определяют высоту и ширину поля.

Атрибуты тега <textarea>:

  • name — уникальное имя элемента.
  • cols — ширина поля в символах.
  • rows — высота поля в строках.
  • disabled — блокирует доступ и изменение элемента пользователем.
  • readonly — запретить ввод новых данных, но разрешить отправку на сервер.
  • required — поле обязательно для заполнения.
  • wrap — как обрабатывать переносы строк.
  • autocomplete — включает или выключает автозаполнение.
  • maxlength — максимальная длина текста.
  • minlength — минимальная длина текста.
  • placeholder — текст-подсказка для пользователей.

⚠️ Тег <textarea> не может быть использован внутри тегов <button> и <progress>.

В некоторых случаях тег <textarea> можно заменить тегом <input>. Также можно использовать сторонние редакторы текста, например, CKEditor.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники