Textarea自適應文字內容調整高度

2022-08-16 10:33:13 字數 584 閱讀 6446

textarea自適應文字內容調整高度

在textarea標籤的使用中,相信大家都遇到過,當內容很多的時候,textarea就會產生乙個滾動條,從資料展示來看,很不清晰,但是有不能直接把textarea高度設定得很大,一旦寫死,要不是頁面不協調就是內容展示不清晰,那麼我們想要的是,textarea的高度能夠隨著內容 的多少來自動調節;

下面附上**,望相互學習;

1

//textarea自適應文字內容調整高度;

2 (function

($);

8var opts =$.extend({},defaults,options);

9return $(this).each(function

() else

21 style.height = height + 'px';22}

23});

24});

25};

26 })(jquery);

使用時:

$(function());

$("#content").focus();

});如有幫助,不勝榮幸;

關於textarea文字域高度自適應文字的解決方法

關於textarea文字域的高度除了設定固定高度外,不會隨著文字內容增加而高度自適應的問題.解決這個問題的方法我們可以利用div模擬textarea的方式 contenteditable true 這個屬性實現了div文字輸入的功能 css上給div的高度設定成auto 這樣高度就實現了自適應 當然...

textarea高度自適應

textarea高度自適應 有時候寫表單的時候,會有乙個 備註框textarea。因為textarea不支援自適應高度,就是定好高度或者是行數之後,超出部分就會顯示滾動條,看起來不美觀。我們需要美觀實現的效果 預設顯示一行。當輸入的文字超過一行或者輸入enter時,輸入框的高度會隨著改變,直到輸入完...

textarea實現高度自適應

css部分 textarea textarea js 文字框根據輸入內容自適應高度 param 輸入框元素 param 設定游標與輸入框保持的距離 預設0 param 設定最大高度 可選 var autotextarea function elem,extra,maxheight getstyle ...