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 налаштування за замовчуванням
Немає.
