键入文本时会扩展的CSS Textarea

小编典典

键入文本时会扩展的CSS Textarea

css

我有一个Textarea，用户可以在其中输入文本。默认情况下，它的高度为17px。但是，如果用户插入大量文本，我希望文本区域相应地扩展。有没有办法用CSS做到这一点？提前致谢！！

阅读 257

2020-05-16

共1个答案

小编典典

仅靠CSS不能做到这一点。尝试使用自动增长的jQuery插件。

它轻巧且易于使用。这是完成的过程。定义您的textarea ID。在之前包含jQuery
js文件</body>。然后在脚本标签之间，发出jquery命令$("#txtInput").autoGrow();

<body>
    <textarea id="txtInput"></textarea>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

<script>
    $("#txtInput").autogrow();
</script>
</body>

2020-05-16