<div>、<input> 和多行的使用方法
<div> 元素是HTML中的一個重要的容器元素，用來將文檔劃分為獨立的區塊，并且可以用CSS樣式進行定制。而 <input> 元素則是一個用于用戶輸入的表單元素，可以接受不同類型的輸入。在有些情況下，我們需要在一個 <div> 元素中包含一個多行的輸入框，以便用戶可以輸入長篇的文字或多行文本。本文將通過幾個代碼案例詳細講解 div 和 input 元素結合使用的方法。
第一個案例是簡單的 <div> 元素包含一個多行輸入框的示例：

示例1：

<div>
<textarea rows="4" cols="50"></textarea>
</div>

在這個示例中，我們使用了 <textarea> 元素來創建一個多行的輸入框，并將其放置在一個 <div> 元素中。通過設置 <textarea> 元素的 rows 屬性和 cols 屬性，我們可以確定輸入框的行數和列數。
第二個案例是在 <div> 元素內部創建多個 <input> 元素的示例：

示例2：

<div>
<input type="text" name="input1" /><br />
<input type="text" name="input2" /><br />
<input type="text" name="input3" /><br />
</div>

在這個示例中，我們在 <div> 元素中連續創建了三個 <input> 元素，每個元素的 type 屬性都設置為 "text"，表示創建一個文本輸入框。通過使用 <br /> 標簽，我們可以在每個輸入框之間換行，使得它們垂直排列。
第三個案例是同時使用 <div> 元素和 <input> 元素的示例：

示例3：

<div>
<p>請輸入您的建議或意見:</p>
<textarea rows="5" cols="50"></textarea>
<input type="submit" value="提交" />
</div>

這個示例中，我們在 <div> 元素中添加了一個

標簽，用于提示用戶輸入建議或意見。然后，我們創建了一個多行的 <textarea> 輸入框，用于用戶輸入文本。最后，我們添加了一個 <input> 元素，type 屬性設置為 "submit"，用于提交用戶的輸入。通過在 <div> 元素中添加的這些元素，我們可以實現一個包含文本輸入和提交按鈕的表單。
綜上所述，通過使用 <div> 元素和 <input> 元素，我們可以靈活地在網頁中創建多行的輸入框，以滿足用戶的不同需求。無論是簡單的文本輸入框還是包含其他表單元素的復雜表單，我們都可以通過合理地使用這些元素來實現。