<textarea>

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

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

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

Обязателен

Поддержка:

HTML4 и выше

Атрибуты:

autofocus - Автоматическое получение фокуса.

<textarea rows="20" cols="20" autofocus></textarea>

cols - Ширина поля в символах.

<textarea rows="20" cols="20"></textarea>

disabled - Блокирует доступ и изменение элемента.

<textarea rows="20" cols="20" disabled> неактивное поле </textarea>

form - Связывает текстовое поле с формой по её идентификатору.

 
<form id="login" action="password.php"></form>
<div>
   <p><textarea name="check" placeholder="Введите логин..." required form="login"> </textarea></p>
   <p><input type="submit" value="Получить пароль" form="login"></p>
</div>

maxlength - Максимальное число введённых символов.

<textarea autofocus maxlength="10"></textarea>

name - Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.

<textarea rows="20" cols="20" name="login"></textarea>

placeholder - Добавляет подсказывающий текст.

<textarea placeholder="введите логин"></textarea>

readonly - Устанавливает, что поле не может изменяться пользователем.

<textarea rows="20" cols="20" readonly> поле только для чтения</textarea>

required - Обязательное для заполнения поле.

<textarea name="login" placeholder="введите логин" required></textarea>

rows - Высота поля в строках текста.

<textarea rows="20" cols="20"></textarea>

wrap - Параметры переноса строк.

<textarea rows="20" cols="20" wrap="hard">

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

Пример:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>textarea</title>
 </head>
 <body>
    <p><b>поле ввода:</b></p>
    <p><textarea rows="20" cols="20" name="text"></textarea></p>
 </body>
</html>