САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <textarea>


Пример

Многострочный элемент управления вводом текста (текстовая область):

<label for="w3review">Комментарий от Schoolsw3:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
В schoolsw3.com вы узнаете, как сделать сайт. Schoolsw3 предлагает бесплатные учебные пособия по всем технологиям веб разработки.
</textarea>
Попробуйте сами »

Определение и использование

Тег <textarea> определяет многострочный элемент управления вводом текста.

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

Текстовая область может содержать неограниченное количество символов, и текст отображается шрифтом фиксированной ширины (обычно Courier).

Размер текстовой области определяется атрибутами <cols> и <rows> или (с помощью CSS).

Атрибут name необходим для ссылки на данные формы после отправки формы (если вы пропустите атрибут name, данные из текстовой области не будут представлены).

Атрибут id необходим для связывания текстовой области с меткой.

Совет: Всегда добавляйте тег <label> для лучших практик доступности!


Поддержка браузеров

Элемент
<textarea> Да Да Да Да Да


Атрибуты

Атрибут Значение Описание
autofocus autofocus Указывает, что текстовая область должна автоматически фокусироваться при загрузке страницы
cols number Задает видимую ширину текстовой области
dirname textareaname.dir Указывает, что текстовое направление textarea будет отправлено
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">Комментарий от Schoolsw3:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
В schoolsw3.com вы узнаете, как сделать сайт. Schoolsw3 предлагает бесплатные учебные пособия по всем технологиям веб разработки.
</textarea>

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

Связанные страницы

HTML DOM Справочник: Объект Textarea

CSS Учебник: Стили форм


Настройки CSS по умолчанию

Нет.