Опубликовано: 25.06.2010 Последняя правка: 08.12.2015

Тег <TEXTAREA>

Тег <TEXTAREA> применяется для создания многострочного текстового поля внутри формы (тег <FORM>). Как правило, он используется в тех случаях, когда предполагается, что пользователь будет вводить достаточно большой объем данных. Причем, при отправке данных на сервер, в этом поле учитываются все переносы строк, которые сделал пользователь, в отличие от однострочного текстового поля создаваемого тегом <INPUT>.

Так как тег <TEXTAREA> является встроенным, то его не обязательно заключать в форму, но если вы отправляете данные на сервер, то это необходимо сделать. А вот, если вы обращаетесь к тегу <TEXTAREA>, например, при помощи скриптов, то достаточно его разместить внутри любого элемента, который может содержать инлайн-теги и, если необходимо, присвоить ему уникальный идентификатор (id).

Элемент <TEXTAREA> может содержать только текстовую информацию. Она будет отображена сразу при загрузке страницы и может служить подсказкой пользователю. Кроме того, она будет отправлена на сервер, как значение по умолчанию, если текст не будет изменен.

Атрибуты

Личные атрибуты:

cols — Обязательный атрибут. Задает ширину текстового поля.
disabled — Блокирует (деактивирует) поле формы.
name — Задает имя поля, не обязательно уникальное.
readonly — Запрещает изменение текстового поля.
rows — Обязательный атрибут. Задает высоту текстового поля.

Общие атрибуты:

accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
dir — указывает направление текста внутри элемента.
id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
lang — указывает язык, на котором написан текст внутри HTML-элемента.
style — необходим для применения встроенных стилей CSS к тегу.
tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: формы.

Модель тега: inline (встроенный, уровня строки).

Может содержать: обычный текст и спецсимволы HTML (мнемоники).

Не может содержать: любые теги.

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

<textarea rows="..." cols="...">текст</textarea>

Пример HTML: применение тега TEXTAREA

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега TEXTAREA</title>
 </head>
 <body>
  <form action="files/questions.php">
   <p><input type="text" name="name" size="30" value="Ваше имя"></p>
   <p>Дополнительная информация:<br>
    <textarea name="add_info" cols="30" rows="3"></textarea><br>
    <input type="submit" name="ok" value="Отправить"></p>
  </form>
 </body>
</html>

Результат примера

Результат. Применение тега TEXTAREA.

Поддержка версиями HTML

Версия:	HTML 4.01	HTML 5	XHTML 1.0	XHTML 1.1
Поддержка:	Да	Да	Да	Да

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

Браузер:	Internet Explorer	Google Chrome	Mozilla Firefox	Opera	Safari
Версия:	6.0 и выше	2.0 и выше	2.0 и выше	9.2 и выше	3.1 и выше
Поддержка:	Да	Да	Да	Да	Да