如何使 <input type="text"/> 在收到更多文本时随高度缩放答案

【问题标题】：How to make a <input type="text"/> scale with height as it receives more text如何使 <input type="text"/> 在收到更多文本时随高度缩放
【发布时间】：2013-06-14 06:43:35
【问题描述】：

当输入接收到太多文本时，输入上的文本会向右移动，你如何使输入向下缩放以使所有文本都被看到

【问题讨论】：

把它变成一个文本区域？
你为什么要标记php？
即使是textarea，文字也不会向下缩放，如果输入的文字太多，还是一样
我正在使用 php，来创建这些
你不会用 Windows 标记你的问题，因为你使用的是 Windows：P Laravel 和 PHP 完全不相关。

标签： php html input laravel

【解决方案1】：

为此使用的正确元素是<textarea>。 <input type="text"> 不允许在其内容中换行，因此它永远不能换行。

【讨论】：

【解决方案2】：

输入类型文本总是单行。您可以用于多行，您可以指定行和列。看看这个：http://css-tricks.com/textarea-tricks/ 用于自动调整文本区域大小和其他技巧。

【讨论】：

【解决方案3】：

如果您的意思是要调整文本区域的高度，请写下具体的高度和宽度

<textarea rows="4" cols="50"></textarea>

然后你会在右侧看到滚动条。

【讨论】：

一开始他们希望它很小，然后高度应该在收到文本时调整大小，所以静态分配是不行的，无论如何谢谢:)
我觉得可以用javascript解决，纯html肯定满足不了你的要求

【解决方案4】：

jQuery Autosize 是一个为 textarea 元素启用自动高度的插件。它完全满足您的需求。

真的好用啊

http://www.jacklmoore.com/autosize/

【讨论】：