<textarea> 是輸入多行文字的輸入框，需注意不像輸入單行的 input 是空元素，textarea 需有結尾標籤 </textarea>

雖然 textarea 可以使用 cols 和 rows 的屬性設定一行有幾個字元、可以容納幾行，但寬高算是外觀的樣式，因此還是建議使用 CSS 來設定

<textarea cols="30" rows="20"></textarea>

<textarea class="comment"></textarea>

.comment{
  width: 300px;
  height: 300px;
}

示意範例

textarea 和 input 都是行內元素，不過因屬於替換元素，因此是可以設定寬高的 ，可參考替換元素 replaced element - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

在設定 cols 或 rows 屬性或是設定寬高後，teatarea 會是設定好的寬高，但是拖移右下角的小三角形會發現還是可以任意改變 textarea 的大小，若不想再改變 textarea 大小，可在 CSS 設定 resize: none，若沒有特別設定，都是可以再調整大小的

另外在可輸入內容的表單元素（如 input ），都可以設定 placeholder 屬性，textarea 也可設定 placeholder 內容，提示使用者，但需注意若 <textarea></textarea> 開始與結尾標籤之間換行，placeholder 的內容會無法顯示

textarea 也可與 label 使用 for 和 id 屬性，點擊 label 內容時 textarea 預設會以外框顏色改變提示使用者輸入的地方

可以設定 maxlength 或 minlength 限制最多或最少可輸入多少字元，若設定 minlength="5"，輸入內容就必須是空的若是輸入 5 個字元以上才有效

參考來源：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
替換元素 replaced element - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
HTML textarea tag
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength