Многострочный элемент управления вводом текста (текстовая область):
<label for="sw3review">Комментарий от Schoolsw3:</label>
<textarea
id="sw3review" name="sw3review" rows="4" cols="50">
В schoolsw3.com вы узнаете, как сделать сайт. Schoolsw3 предлагает бесплатные учебные пособия по всем технологиям веб разработки.
</textarea>
Попробуйте сами »
Определение и использование <textarea>
Тег <textarea> определяет многострочный элемент управления вводом текста.
Тег <textarea> часто используется в форме для сбора пользовательских данных,таких как комментарии или отзывы.
Текстовая область может содержать неограниченное количество символов, и текст отображается шрифтом фиксированной ширины (обычно Courier).
Размер текстовой области определяется атрибутами <cols> и <rows> или (с помощью CSS).
Атрибут name необходим для ссылки на данные формы после отправки формы (если вы пропустите атрибут name, данные из текстовой области не будут представлены).
Атрибут id необходим для связывания текстовой области с меткой.
Совет: Всегда добавляйте тег <label> для лучших практик доступности!
Поддержка браузеров <textarea>
| Элемент | |||||
|---|---|---|---|---|---|
| <textarea> | Да | Да | Да | Да | Да |
Атрибуты <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>
Тег <textarea> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <textarea>
Тег <textarea> также поддерживает События атрибутов в HTML.
Еще примеры <textarea>
Отключить опцию изменения размера по умолчанию:
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="sw3review">Комментарий от Schoolsw3:</label>
<textarea id="sw3review" name="sw3review" rows="4" cols="50">
В schoolsw3.com вы узнаете, как сделать сайт.
Schoolsw3 предлагает бесплатные учебные пособия по всем технологиям веб разработки.
</textarea>
</body>
</html>
Попробуйте сами »
Связанные страницы <textarea>
HTML DOM Справочник: Объект Textarea
CSS Учебник: Стили форм
Настройки CSS по умолчанию <textarea>
Нет.