Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Tags/ HTML тег textarea | назначение, синтаксис, атрибуты, примеры

Тег textarea

Последнее обновление: 02.03.2009

Тег <textarea> (англ. text area — текстовая область) — тег-контейнер, определяет многострочное поле для ввода. Применяется в качестве полей ввода для комментариев, описания чего-либо, сообщений и т.д.
Строчный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<textarea>...</textarea>
Атрибуты


acceskey горячая клавиша (+Alt) для элемента
class определяет имя используемого класса
cols ширина поля для ввода в символах
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
disabled флаг. Делает поле неактивным
id уникальный индетификатор
lang определяет используемый язык
label задает текстовую метку для поля ввода.
Отсутствует в спецификации HTML 4.01!
name уникальное имя поля
onblur потеря фокуса элементом
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onchange потеря фокуса элементом при условии, что его содержимое изменилось
onfocus получение фокуса элементом
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
onselect выделение какого-либо текста в текстовом поле
readonly флаг. Запрещает ввод пользователя
rows высота поля в строках
style задает встроенную таблицу стилей
tabindex порядок обхода элементов с помощью Tab
title добавляет всплывающую подсказку
wrap управляет переносом слов в поле для ввода.
Отсутствует в спецификации HTML 4.01!
Пример

Многострочное поле ввода:


<textarea rows="4" cols="40">
Многострочное поле для ввода
</textarea>

<textarea rows="2" cols="60">
Еще одно многострочное поле для ввода
</textarea>

<textarea rows="4" cols="40" readonly="readonly">
Поле только для чтения
</textarea>
<textarea rows="4" cols="40" disabled="disabled">
Неактивное поле
</textarea>

Рекомендации по использованию
  • закрывающий тег обязателен (</textarea>)
  • тег <textarea> может содержать только CDATA, но не теги
  • обязательные атрибуты: cols, rows
  • разные браузеры по умолчанию могут отобразить по разному поле, рекомендуется явно указывать цвет фона, размер и название используемого шрифта
Твой код:
Результат: