Тег <textarea>

23.09.2010

Влад Мержевич

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
3.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

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

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Поле <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля.

Синтаксис

<textarea атрибуты>
  текст
</textarea>

Атрибуты

accesskey: Переход к полю с помощью сочетания клавиш.
autofocus: Автоматическое получение фокуса.
cols: Ширина поля в символах.
disabled: Блокирует доступ и изменение элемента.
form: Связывает текстовое поле с формой по её идентификатору.
maxlength: Максимальное число введенных символов.
name: Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.
placeholder: Указывает замещающийся текст.
readonly: Устанавливает, что поле не может изменяться пользователем.
required: Обязательное для заполнения поле.
rows: Высота поля в строках текста.
tabindex: Порядок перехода между элементами при нажатии на клавишу Tab.
wrap: Параметры переноса строк.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег TEXTAREA</title>
 </head>
 <body>

  <form action="textarea1.php" method="post">
    <p><b>Введите ваш отзыв:</b></p>
    <p><textarea rows="10" cols="45" name="text"></textarea></p>
    <p><input type="submit" value="Отправить"></p>
  </form>

 </body>
</html>

Строчные элементы Формы