<div> 多行編輯是一種前端開發技術，用于在網頁中創建可編輯的多行文本區域。通過使用 <textarea> 元素，我們可以輕松地在網頁中創建一個可供用戶編輯多行文本的區域。這種技術在表單提交、評論系統、聊天應用等場景中非常常見。下面將通過幾個代碼案例來詳細解釋和說明這個技術。

案例一：基本的多行編輯

<textarea rows="4" cols="50">
這是一個多行編輯的文本框。
用戶可以在這里輸入多行文本。
</textarea>

在上述代碼中，我們使用 <textarea> 元素創建了一個多行文本編輯區域，并設置了 4 行和 50 列的大小。用戶可以在文本框內輸入多行文本，并可以通過滾動條滾動查看文本內容。

案例二：固定大小的多行編輯

<textarea rows="4" cols="50" style="resize: none;">
這是一個固定大小的多行編輯框。
用戶無法通過拖動來調整大小。
</textarea>

在上面的代碼中，我們通過設置 CSS 的 resize 屬性為 none，使得用戶無法通過拖動來調整多行編輯框的大小。這樣可以固定編輯框的大小，確保它始終保持一致。

案例三：預填充文本的多行編輯

<textarea rows="4" cols="50">
請輸入您的評論...
</textarea>

在這個例子中，我們將多行編輯框的默認文本設置為 "請輸入您的評論..."。這樣，當用戶進入頁面時，就會看到一個預填充的文本，方便用戶進行編輯和提交。

案例四：限制最大輸入字符數

<textarea rows="4" cols="50" maxlength="100">
這個多行編輯框的最大字符數是 100。
</textarea>

在上述代碼中，我們通過設置 maxlength 屬性為 100，限制了用戶在多行編輯框中輸入的字符數不超過 100。當用戶輸入的字符數達到了最大限制時，將無法繼續輸入。

通過以上幾個代碼案例，我們展示了<div> 多行編輯的一些常見應用技巧。通過使用<textarea> 元素和相關屬性，我們可以輕松地創建出各種樣式和功能的多行編輯框，以滿足不同項目的需求。