下面將介紹。

一、設置文本框大小

首先，我們需要設置文本框的大小。在HTML中，可以使用CSS來設置文本框的寬度和高度。例如：

這樣就會創建一個寬度為100%、高度為300px的文本框。但是，當文本框中的內容超出了300px時，就會出現滾動條。

二、使用JavaScript實現自適應

為了實現大小自適應的效果，我們需要使用JavaScript來動態地改變文本框的大小。具體實現方法如下：

1. 在HTML文件中添加以下代碼：

```yTextareainput="autoSize(this)">

yTextareainput事件中調用了autoSize函數。

2. 在JavaScript文件中添加以下代碼：

```ction autoSize(textarea) {

textarea.style.height = "auto";

textarea.style.height = textarea.scrollHeight + "px";

這里我們定義了一個autoSize函數，它會在文本框輸入內容時被調用。該函數首先將文本框的高度設置為auto，然后再將文本框的高度設置為scrollHeight。scrollHeight是文本框內容的實際高度，當文本框內容超過預設高度時，它會自動增加高度，以適應內容的大小。

為了提高用戶體驗，我們還可以添加一些優化措施。例如，可以在文本框的初始高度上增加一些余量，以防止文本框過于擁擠。同時，還可以添加一個最大高度，以避免文本框無限增高。

通過以上方法，我們可以很容易地實現大小自適應的文本框。這不僅可以提高用戶體驗，還可以讓頁面更加美觀和易于使用。