Тег <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 - Нестандартное значение. Переносы строк отключены. При введении длинного текста без переносов, он будет печататься в одну строку, при этом будет отображаться полоса прокрутки.
soft
<!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.