我可以让<input />框包含文本吗？

Question

我有一个

<input type="text" /> 

盒。我的框中的数据很长，所以我将高度设置为100px。然而，文本只是从左到右，并没有包装。有什么方法可以让它换行吗？

希望得到一些好的建议。

谢谢，

Answer 1

您需要使用<textarea>来代替包装的输入文本。

Answer 2

对于多行输入和换行文本，请使用<textarea>。

Answer 3

不，你不能让输入元素这样做。改为使用textarea。

Answer 4

使用样式attr或CSS，您可以执行以下操作：

<textarea 
    id="temp" 
    style="white-space: pre-wrap; height: 100px; width: 500px;"
>This is my text box. And it can wrap.</textarea>

同样的事情可以在jQuery中完成：

$('#dom_id').attr("style", "white-space: pre-wrap");

这将适用于文本框和文本区域。