HTML тег <textarea>

HTML теги

Значение и применение

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

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

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

ТегChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<textarea>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
autoсompletehtml5on
off
Этот атрибут определяет, может ли значение элемента быть автоматически дополнено браузером (помощь пользователям в заполнении формы).
autofocushtml5autofocusУказывает, что текстовая область должна автоматически получать фокус при загрузке страницы.
colsnumberОпределяет видимую ширину текстовой области (в символах). Значение по умолчанию 20 символов.
dirnamehtml5textareaname.dirОпределяет специальное имя поля формы, которое используется, чтобы указать направление текста в текстовой области, оно будет подставлено браузером автоматически и отправлено на сервер вместе с формой отправки.
disableddisabledЛогический атрибут, который указывает, что текстовая область должна быть отключена.
formhtml5form_idЗадает одну или несколько форм к которым элемент принадлежит.
maxlengthhtml5numberУказывает максимальное количество символов, которое может содержаться в текстовой области (при достижении заданного числа символов дальнейший ввод невозможен).
minlengthhtml5numberУказывает минимальное количество символов, которое может содержаться в текстовой области.
nametextОпределяет имя для текстовой области.
placeholderhtml5textУказывает текст подсказки, которая описывает ожидаемое значение для ввода пользователем в элемент.
readonlyreadonlyУказывает, что текстовая область доступна только для чтения.
requiredhtml5requiredЛогический атрибут, который указывает, что текстовая область должна быть заполнена перед тем как форма будет отправлена.
rowsnumberОпределяет видимое количество строк в текстовой области (в символах). Значение по умолчанию 2 символа.
wraphtml5hard
soft
Определяет, как текст в текстовой области, должен быть перенесён, когда отправляется форма.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования тега <textarea></title>
	</head>
	<body>
		<form>
			<textarea  name = "auth_msg" rows = "10" cols = "45">Здесь Вы можете написать информацию для автора…</textarea><br>
			<input type = "submit" name = "submitInfo" value = "отправить">
		</form>
	</body>
</html>

В данном примере мы создали текстовую область (HTML тег <textarea>), атрибутом name присвоили ей имя (name = "auth_msg"), атрибутом rows задали высоту строк равной десяти символам (rows = "10"), и атрибутом cols указали ширину поля равной 45 символов (cols = "45").

Кроме того, мы разместили внутри формы кнопку, которая служит для отправки формы (элемент <input> с типом кнопки "отправка формы": type = "submit").

Результат нашего примера:

Текстовая область в HTML.
Текстовая область в HTML.

Отличия HTML 4.01 от HTML 5

В HTML 5 добавлены 6 новых атрибутов.

Значение CSS по умолчанию

Нет.

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML теги