Елемент <textarea>

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

<textarea id="message" name="message" rows="4" cols="50">
Це текстове поле дозволяє вам ввести кілька рядків тексту.
</textarea>

id - вказує унікальний ідентифікатор для елемента <textarea>.

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

rows - вказує кількість видимих рядків у текстовому полі. У цьому прикладі, поле вводу матиме видимість для 4 рядків тексту.

cols - вказує кількість видимих колонок (символів у рядку) у текстовому полі. У цьому прикладі, поле вводу матиме видимість для 50 колонок тексту.

На практиці вказується тільки rows, а ширина елементу контролюється за допомогою CSS.

За замовчуванням елемент <textarea> можна розтягувати по горизонталі та вертикалі. Щоб контролювати можливість зміни розміру користувачем, в CSS є властивість resize.

resize: both | horizontal | vertical | none