HTML `<textarea>` 标签的 `wrap` 属性

HTML <textarea> 标签

实例

当提交表单时，wrap=”hard” 的文本区域中的文本会包含换行符（如果有换行符）：

<textarea rows="2" cols="20" wrap="hard">
 At W3School you will find free Web-building tutorials.

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 wrap 属性。

wrap 属性规定当在表单中提交时，文本区域（text area）中的文本如何换行。

wrap 属性是 <textarea> 标签在 HTML5 中的新属性。

<textarea wrap="soft|hard">

值	描述
soft	当在表单中提交时，textarea 中的文本不换行。默认值。
hard	当在表单中提交时，textarea 中的文本换行（包含换行符）。当使用 “hard” 时，必须规定 cols 属性。

通常情况下，当用户在输入文本区域中键入文本后，浏览器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。

如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时，浏览器会自动将多余的文字挪到下一行，在文字中最近的那一点换行。

wrap="virtual" 将实现文本区内的自动换行，以改善对用户的显示，但在传输给服务器时，文本只在用户按下 Enter 键的地方进行换行，其他地方没有换行的效果。

wrap="physical" 将实现文本区内的自动换行，并以这种形式传送给服务器，就像用户真的那样键入的。因为文本要以用户在文本区内看到的效果传输给服务器，因为使用自动换行是非常有用的方法。

如果把 wrap 设置为 off，将得到默认的动作。

以下面这个例子为例,将 60 个字符的文本输入到一个 40 个字符宽的文本区域内：

word wrapping is  a feature that makes life easier for users.

如果设置为 wrap="wrap"，文本区会包含一行文本，用户必须将光标移动到右边才能看到全部文本，这时将把一行文本传送给服务器。

如果设置为 wrap="virtual"，文本区会包含两行文本，并在单词 “makes” 后面换行。但是只有一行文本被传送到服务器：没有嵌入新行字符。

如果设置为 wrap="physical"，文本区会包含两行文本，并在单词 “makes” 后面换行，这时发送给服务器两行文本，单词 “makes” 后的新行字符将分隔这两行文本。