在網(wǎng)頁設(shè)計中，文本框是一個經(jīng)常出現(xiàn)的元素，如何讓文本框在用戶輸入過多內(nèi)容時自動變長是一個常見的需求。CSS提供了一種簡單的方式實現(xiàn)這個功能。

以上代碼中，我們首先定義了一個`textarea`元素，并設(shè)置了默認行數(shù)為1。接著，使用CSS設(shè)置了文本框的寬度、禁止用戶拖拽改變文本框的大小，并隱藏了文本框的垂直滾動條。

緊接著，我們使用JavaScript監(jiān)聽了文本框的輸入事件。每次用戶輸入時，我們首先將文本框的高度設(shè)置為自動以展開文本框，然后計算出文本框需要展開的高度，并設(shè)置文本框的新高度。

其中，計算文本框需要展開的高度的公式為：

this.scrollHeight >100 ? 100 : this.scrollHeight

如果文本框?qū)嶋H需要展開的高度超過100px，則將文本框的高度限制在100px以內(nèi)。

使用以上代碼實現(xiàn)文本框變長功能，可以讓用戶更舒適地輸入長文本內(nèi)容，提高了網(wǎng)頁的用戶體驗。