Зміст курсу
Ultimate HTML
Ultimate HTML
Робота з елементом Textarea для введення багаторядкового тексту
Елемент <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>
Приклад
index.html
1. Який тип введення використовується для вибору дати?
2. Який атрибут використовується для встановлення максимальної кількості символів у текстовому полі введення?
3. Який елемент використовується для створення багаторядкового поля введення?
4. Який атрибут використовується для встановлення початкового значення поля введення?
Дякуємо за ваш відгук!