表單輸入詞條 2-09

文字區域Textarea

也常叫做:多行輸入框、文字框、Textarea

你可能會這樣說

輸入框只裝得下一行,可是你要寫一大段留言或自我介紹——這時需要一個能多行輸入、還能自己拉大的大白框。

白話解釋

文字區域是能一次輸入多行文字的欄位,適合「留言」「備註」「自我介紹」這種一行寫不完的內容。

它跟單行輸入框的差別就是能換行、有空間;貼心的做法還會標出還剩下幾個字,並允許把框拉大。

跟 AI 說的時候交代預設幾行高、字數上限、超過了怎麼辦,成品會順手很多。

親手試試

✕ 一行裝不下
訂單備註(單行輸入框)
請幫我分成兩箱寄,一箱送台北一箱送高雄,另外發票要開三聯式,統編是…
後面的字被吃掉了,使用者也看不到自己打了什麼。
✓ 多行慢慢寫
訂單備註(文字區域)
請幫我分成兩箱寄:
一箱送台北、一箱送高雄。
發票要開三聯式,統編 12345678。
右下角可以拖曳拉高還有 143 字

會換行、有空間、標出剩下幾個字——長內容就該用文字區域。

圖 2-14 留言、備註這種多行內容,單行輸入框裝不下。

這樣對 AI 說

中文就可以
聯絡表單加一個訂單備註欄,用多行文字區域。
預設四行高,右下角可以拖曳調整大小。
最多 200 字,右下角即時顯示還剩幾個字。
到達上限後就不能再輸入,但不要把框變紅。

同一課的其他詞