<textarea> - HTML-елемент багаторядкового текстового поля

HTML-елемент <textarea> представляє собою елемент керування для редагування багаторядкового звичайного тексту, що є корисним, коли потрібно дозволити користувачам вводити значний обсяг вільного тексту, наприклад, коментар, відгук або форму зворотного зв'язку.

Розмір текстової області можна вказати за допомогою атрибутів rows та cols, або за допомогою CSS властивостей height та width.

Тег textarea приклад використання в HTML

HTML
<textarea>...</textarea>

Атрибути

Цей тег може мати глобальні атрибути.

autocomplete: Вказує, чи може браузер автоматично заповнювати поле. Можливі значення: on (за замовчуванням) та off.
autofocus: Булевий атрибут, який вказує, що текстова область повинна мати фокус вводу, коли сторінка завантажується.
cols: Видима ширина текстової області в середній ширині символів. Якщо не вказано, за замовчуванням — 20.
disabled: Булевий атрибут, який запобігає взаємодії користувача з текстовою областю.
form: Атрибут id форми, до якої належить текстова область.
maxlength: Максимальна кількість символів, яку користувач може ввести.
minlength: Мінімальна кількість символів, яку користувач повинен ввести.
name: Ім’я текстової області, яке надсилається разом із даними форми.
placeholder: Текстова підказка, яка відображається в полі, коли воно порожнє.
readonly: Булевий атрибут, який вказує, що значення поля не можна редагувати.
required: Булевий атрибут, який вказує, що користувач повинен заповнити це поле перед надсиланням форми.
rows: Видима кількість рядків тексту. Якщо не вказано, за замовчуванням — 2.
wrap: Вказує, як текст повинен переноситися при надсиланні форми. Можливі значення: soft (за замовчуванням, без переносів) та hard (з додаванням символів нового рядка).

Технічне резюме

Категорія контенту	Потоковий контент, фразовий контент, інтерактивний контент, відчутний контент.
Дозволений вміст	Текстовий вміст.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає фразовий контент.
Роль ARIA	`textbox`
DOM інтерфейс	`HTMLTextAreaElement`

Приклади використання

<label for="comment">Залиште ваш коментар:</label>
<br>
<textarea id="comment" name="comment" rows="5" cols="33">
Це текстова область для вашого коментаря.
</textarea>

Стилі за замовчуванням

CSS
textarea {
  /* Стилі залежать від браузера та ОС */
  border: 1px solid #ccc;
  padding: 4px;
  background-color: white;
  font-family: monospace;
}

Підтримка браузерів



`<textarea>`
`autocomplete`
`cols`
`dirname`
`disabled`
`form`
`maxlength`
`minlength`
`name`
`placeholder`
`readonly`
`required`
`rows`
`wrap`