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);
      });