Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

62. Многострочное поле для текста – TEXTAREA

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

В предыдущем уроке подробно изучили универсальный тег формы <input>. В этом уроке разберемся с многострочным текстовым полем <textarea>.

Что такое многострочное поле для текста в HTML

Тег <textarea> является многострочным полем для текста. В отличие от <input>, он допускает использование переноса строк, что и является его главной особенностью. Далее пример:

Пример (html)
<form>
	<textarea>
		Какой-то текст
	</textarea>
</form> 

Здесь изображение или скриншот.
Для доступа необходимо авторизоваться на сайте Codebra.

Далее рассмотрим атрибуты тега <textarea>:

Атрибут Значение
accesskey Переход к многострочному полю комбинацией клавиш
autofocus Автоматическое получение фокуса
cols Ширина поля в символах
rows Высота поля в символах
disabled Блокировка изменения элемента
form Связь с формой по идентификатору
maxlength Максимальное число символов
name Уникальное имя
placeholder Замещающийся текст
readonly Блокировка изменения элемента пользователем
required Поле должно быть обязательно заполнено
wrap Параметры переноса строк

С одними атрибутами вы уже знакомы из предыдущих уроков, с другими мы разберемся в дальнейшем. В следующем уроке познакомимся с тегом <lable>.

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Первое знакомство с PythonЗнакомство с Python
Внутреннее устройство и сортировка словаря в PythonЗнакомство с Python
Текст: строковые литералы в JavaScriptТипы и переменные
Свойство background для работы с фономЦвета и фон
Свойство padding для установки полейОтступы, рамки, поля
Свойство color для работы с цветомЦвета и фон
Селекторы и свойства в CSSЗнакомство с CSS
Строки в PHPКурс по PHP
Условная конструкция if-elseif-else в PHPКурс по PHP
Раздел «Формы в HTML»
58. УРОК: 1. Что такое HTML-форма
59. УРОК: 2. Как создать форму в HTML и ее атрибуты
60. УРОК: 3. Кнопки в HTML - тег BUTTON
61. УРОК: 4. Универсальный тег в HTML форме - тег INPUT
УРОК 62. 5. Многострочное поле для текста – TEXTAREA
Вы здесь
63. УРОК: 6. Метки в HTML формах - LABEL
64. УРОК: 7. Раскрывающийся список на HTML - тег SELECT
65. УРОК: 8. Для чего нужен тег KEYGEN
66. УРОК: 9. Группировка элементов в HTML-формах (FIELDSET, LEGEND)
67. УРОК: 10. Группировка элементов списка в HTML (OPTGROUP)
68. ТЕСТ: 11. Тест по разделу «Формы в HTML»
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста в HTML
Раздел 3. Ссылки в HTML
Раздел 4. Изображения в HTML
Раздел 5. Таблицы в HTML
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Знакомство с Flexbox
Раздел 23. Практика с htmlbook.ru
Раздел 24. Элементы сайта
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно