textarea的高度随内容变化而变化
<li class="text">
<span>参赛宣言*</span> <textarea name="txt" id="text" cols="20" rows="2" placeholder="你忍心看到人家排到队尾吗,求你啦" minlength="10" maxlength="200"></textarea>
<!-- rows,显示的框高度2行,设置了最大字符200 -->
<li >
js。text是textarea的id。这样就可以自适应了
//设置 参赛宣言textarea 的高度随着 内容 增加 自适应 $("#text").height($("#text")[0].scrollHeight); $("#text").on("keyup keydown", function(){ $(this).height(this.scrollHeight); });