」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 僅用CSS動態調整文本框高度?

僅用CSS動態調整文本框高度?

發佈於2025-04-16
瀏覽:280

Can You Dynamically Adjust Textarea Height with Just CSS? 
使用css

在為用戶輸入創建textAarea時,通常希望它展開或縮小以適應內容的量。雖然存在涉及JavaScript或PHP的解決方案,但是否純粹基於CSS的方法?

解決方案:是的,可以使用CSS來實現動態文本高度。如下:[

將初始高度設置為auto:

允許Textarea根據需要成長或縮小,將其初始高度設置為“自動”:

Use the 'oninput' Event:

To adjust the textarea's height dynamically, attach an 'oninput' event handler to it:

  1. 首先要重置高度:在基於內容設置高度之前,首先將其重置為空字符串。這確保文本方面可以縮小和擴展。
  2. 計算真實高度:
根據其滾動內容確定Textarea的真實高度,並將其添加為“高度”屬性中的像素。 JavaScript或php。
            
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3