НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <textarea>


Приклад

Багаторядковий елемент керування введенням тексту (область тексту):

<label for="w3review">Огляд W3Schools:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
У w3schools ви навчитеся створювати сайт. Вони пропонують безкоштовні навчальні посібники з усіх технологій веб-розробки.
</textarea>
Спробуйте самі »

Більше прикладів "Спробуйте самі" далі.


Визначення та використання

Тег <textarea> визначає елемент керування введенням багаторядкового тексту.

Елемент <textarea> часто використовується у формі для збору введених користувачем даних, таких як коментарі чи відгуки.

Область тексту може містити необмежену кількість символів, а текст відображається шрифтом фіксованої ширини (зазвичай Courier).

Розмір текстової області визначається атрибутами cols і rows (або за допомогою CSS).

Атрибут name потрібен для посилання на дані форми після надсилання форми (якщо ви опустите атрибут name, дані з текстової області не надсилатимуться).

Атрибут id потрібен для пов’язування текстової області з міткою.

Підказка: Завжди додавайте тег <label> для найкращих практик доступності!


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

Елемент
<textarea> Так Так Так Так Так

Атрибути

Атрибут Значення Опис
autofocus autofocus Укажіть, щоб текстова область автоматично отримувала фокус під час завантаження сторінки
cols number Укажіть видиму ширину текстової області
dirname textareaname.dir Укажіть, що буде подано напрямок тексту текстового поля
disabled disabled Вкажіть, що текстова область має бути вимкнена
form form_id Визначає, до якої форми належить текстова область
maxlength number Укажіть максимальну кількість символів, дозволену в області тексту
name text Визначає назву для текстової області
placeholder text Визначає коротку підказку, яка описує очікуване значення текстової області
readonly readonly Укажіть, що текстова область має бути лише для читання
required required Вкажіть, що текстова область є обов’язковою/має бути заповнена
rows number Укажіть видиму кількість рядків у текстовій області
wrap hard
soft
Укажіть спосіб обтікання тексту в текстовій області під час надсилання у форму

Глобальні атрибути

Тег <textarea> також підтримує Глобальні атрибути в HTML.


Атрибути подій

Тег <textarea> також підтримує Атрибути подій в HTML.


Більше прикладів

Приклад

Вимкнути параметр зміни розміру за замовчуванням:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>

<label for="w3review">Огляд W3Schools:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
У w3schools ви навчитеся створювати сайт. Вони пропонують безкоштовні навчальні посібники з усіх технологій веб-розробки.
</textarea>

</body>
</html>
Спробуйте самі »

Пов’язані сторінки

HTML DOM довідник: Об’єкт Textarea

CSS підручник: Стилізація форм


CSS налаштування за замовчуванням

Немає.