Тег <textarea>
Синтаксис
<textarea>...</textarea>
Описание
Тег <textarea> (от англ. text area ‒ текстовое поле) добавляет многострочное текстовое поле.
В отличие от элемента <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.
По умолчанию количество символов, которое можно ввести в поле не ограничено, а введенный текст отображается моноширинным начертанием.
Примечание!
Отображаемый размер текстового поля ввода можно задавать при помощи атрибутов cols и rows, либо при помощи CSS свойств height и width. А с помощью CSS свойства resize можно запретить изменение размера текстового поля.
Атрибуты, которые можно использовать в теге <textarea>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| autofocus | autofocus |
Указывает, что текстовая область должна автоматически получать фокус при загрузке страницы |
| cols | число | Определяет видимую ширину текстовой области |
| dirname | ltr rtl |
Указывает, что направление текста будет отправлено на сервер |
| disabled | disabled | Указывает, что текстовая область должна быть отключена |
| form | id формы | Указывает одну или несколько форм, к которым относится текстовая область |
| maxlength | число | Указывает максимальное количество символов, разрешенных в текстовой области |
| name | текст | Задает имя для текстовой области |
| placeholder | текст | Задает краткую подсказку, описывающую ожидаемое значение текстовой области |
| readonly | readonly | Указывает, что текстовая область должна быть только для чтения |
| required | required | Указывает, что текстовая область обязательна/должна быть заполнена |
| rows | число | Указывает видимое число строк в текстовой области |
| wrap | hard soft |
Указывает, как текст в текстовой области должен быть упакован при отправке в форме |
Пример
HTML-код:
<form>
<textarea name="text" rows="10" cols ="40"></textarea><br><br>
<input type="submit" value="Отправить">
</form>
Отображение в браузере:
Параметры CSS по умолчанию
Нет.
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <textarea> | Да | Да | Да | Да | Да |