/html/textarea:> Поле ввода многострочного текста_

Элемент textarea

Синтаксис

(X)HTML
<textarea> ... </textarea>

Описание

Элемент textarea (от англ. "text area" ‒ «текстовое поле») создаёт поле для ввода многострочного текста (в отличии от input допускается возможность переноса строки). Данный элемент может вмещать в себя неограниченное количество любых символов.

Примечание

Текст, вводимый в поле ввода многострочного текста, по умолчанию отображается 'моноширинным шрифтом' (шрифт «Courier», семейство шрифтов monospace).

Условия использования

Если предполагается отправлять содержимое textarea на сервер, то необходимо вложить данный элемент в форму) или присоединить поле ввода к ней при помощи атрибута «form». В JavaScript доступ к данному элементу можно получить через форму или при помощи глобального атрибута «id».


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Атрибуты

autocomplete
Указывает подсказку для автозаполнения поля.
autofocus
Указывает браузеру, что элемент должен получить фокус после загрузки страницы.
cols
Задаёт длину строки поля.
dirname
Указывает имя поля формы, используемое для отправки значения направления вывода текста.
disabled
Блокирует поле.
form
Присоединяет поле к форме.
inputmode
Подсказка для выбора методов ввода.
maxlength
Задаёт максимально допустимое количество символов в поле.
minlength
Задаёт минимально допустимое количество символов в поле.
name
Указывает имя поля.
placeholder
Задаёт текст-подсказку.
readonly
Блокирует возможность редактирования содержимого поля пользователем.
required
Указывает веб-браузеру, что данное поле обязательно к заполнению (перед отправкой данных на сервер).
rows
Задаёт количество видимых строк в текстовом поле.
wrap
Указывает параметры переноса строк.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент textarea</title>
</head>
<body>
<h1>Пример использования элемента "textarea"</h1>
<textarea rows="6" cols="55">
Внутри данного элемента могут располагаться любые символы, в любой последовательности и в любом количестве. В частности между открывающим и закрывающим тегом «textarea» могут располагаться любые элементы, например элемент <span>универсального контейнера стилей</span>.
</textarea>
</body>
</html>
Элемент textarea