Елемент <textarea> є потужним інструментом для створення багаторядкового поля введення тексту на веб-сторінці. Він дозволяє користувачам вводити та надсилати значно більші обсяги тексту, ніж елемент <input>, який обмежується одним рядком тексту.

<textarea></textarea>

Елемент <textarea> складається з відкривального тегу <textarea> та закривального тегу </textarea>. Будь-який текст, розміщений між цими тегами, буде використовуватися як значення за замовчуванням для текстової області.

Атрибути

name: визначає ім'я текстової області, яке використовується для ідентифікації поля під час надсилання форми.

<textarea name="feedback"></textarea>

rows та cols: визначають кількість видимих рядків і стовпців текстової області відповідно. Дозволяють вказати ширину та висоту текстової області.

<textarea name="feedback" rows="3" cols="30"></textarea>

placeholder: надає коротку підказку користувачу щодо очікуваної інформації у текстовій області. Відображається як тимчасова підказка до початку введення тексту користувачем.

<textarea name="feedback" placeholder="Leave your opinion"></textarea>

maxlength: визначає максимальну кількість символів, які можна ввести у текстову область. Допомагає обмежити або контролювати довжину введеного тексту.

<textarea name="feedback" maxlength="200"></textarea>

readonly: атрибут readonly, доданий до елемента <textarea>, робить поле лише для читання, забороняючи користувачам змінювати текст. Корисний для відображення попередньо заповненого або недоступного для редагування вмісту.

<textarea name="feedback" readonly>This content is read only.</textarea>

Приклад