Тег <textarea>

IE
3.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

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

Закрывающий тег обязателен.

<textarea> текст</textarea>

Атрибуты

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

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

Пример

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

<form action="message.php" method="post">
  <div>
     <textarea rows="10" cols="45" name="text">
         Введите ваше сообщение
     </textarea>
  </div>
  <div>
     <input type="submit" value="Отправить">
  </div>
</form>

</body>
</html>

Категория: Строчные элементы, Формы

Статьи по теме