HTML <textarea> 表單多行文字輸入欄位
<textarea> 可以用來在表單 (form) 中,建立一個可以輸入多行文字的輸入框 (multi-line textbox)。
<textarea> 標籤上有這些屬性 (attributes):
name
: 聲明欄位名稱rows
: 一個數字,設定輸入框的高度是幾行文字 (lines),預設是 2cols
: 一個數字,設定輸入框的寬度是多少文字 (characters),預設是 20maxlength
: 一個數字,限定輸入的文字長度上限是幾個字minlength
: 一個數字,限定輸入的文字長度最少是幾個字placeholder
: 輸入欄位中的提示訊息disabled
: 將欄位設定為禁用的狀態,是一個布林 (boolean) 屬性readonly
: 將欄位設定為唯讀不可編輯的狀態,是一個布林 (boolean) 屬性required
: 將欄位設定為必填,是一個布林 (boolean) 屬性
如果要在 textarea 中設定預設文字,不是像 <input> 一樣用 value
屬性喔,是直接將文字放在 <textarea>內容</textarea>
標籤之間,而內容文字的換行是使用一般的文字換行符號 \n
,不是用 <br> 喔。
textarea 使用範例:
<textarea name="mytext"
rows="6"
cols="40"
required>
我是...
多行....
輸入框....
</textarea>
顯示結果: