Тег <textarea> Атрибут <wrap>

Атрибут wrap говорит браузеру, как осуществлять перенос текста в поле <textarea> и в каком виде отправлять данные на сервер.

Если этот атрибут отсутствует, текст в поле набирается одной строкой, когда число введенных символов превышает ширину области, появляется горизонтальная полоса прокрутки.

Нажатие кнопки Enter переносит текст на новую строку, и курсор устанавливается у левого края поля.

поддержка браузерами:
IExplorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+
спецификация:
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1
синтаксис:
<textarea wrap="soft | hard">
</textarea>
значения:

soft - Длинный текст, который самостоятельно не помещается в поле по ширине, будет автоматически перенесен на новую строку, однако передаваться на сервер будет как одна строка. Нажатие клавиши Enter устанавливает перенос текста, который сохраняется при отправке формы.

hard - Слова в поле переносятся механически, чтобы они поместились в размер области, и при отправке на сервер места автоматического переноса сохраняются. При этом значении обязательно должен присутствовать атрибут cols.

off - Нестандартное значение. Переносы строк отключены. При введении длинного текста без переносов, он будет печататься в одну строку, при этом будет отображаться полоса прокрутки.

пример кода:
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег textarea, атрибут wrap</title>
 </head>
 <body>
  <form action="handler.php" method="post">
   <p><textarea rows="10" cols="20" wrap="hard"></textarea></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>
примечание:

Некоторые старые браузеры также поддерживают нестандартные значения virtual вместо soft и physical вместо hard.