如何在普通的html文本框中自动换行？

Question

我有这个文本框

<p>Event Data :<input  id="data" type="text" wrap="true" value="{{data}}" 
            style="width: 757px; height: 170px" />
    </p>   

我希望它是多线的 我不能使用asp：textbox 是否可以使用精确的文本框并使其成为多行或

使文本框中的文字变为自动换行

Answer 1

这个怎么样：

<p>Event Data:
<textarea id="data" style="width: 757px; height: 170px" rows="10" cols="80">{{data}}</textarea>
</p>

帽子提示（和+1）到Stewart，指出rows和cols是textarea所需的属性。

Answer 2

<p>Event Data:
<textarea id="data" rows="10" cols="80">{{data}}</textarea>
</p>

rows和cols是必需的属性。不要问我为什么。如果您要在CSS中设置大小，通常最好在em或％而不是px中进行。

Answer 3

如果您希望文本值显示为多行，请使用white-space: pre;样式添加到textarea元素，确保将正确的换行符放入返回的{{1} }

Answer 4

您需要使用<textarea>属性wrap。它不是任何HTML标准，但据我所知，所有主流浏览器中的“软”，“硬”和“关”设置都有效。绝对在IE。不过，Firefox似乎需要“cols”设置才能进行工作。