如何在 HTML 中使用 textarea(多行文字輸入欄位)?


要新增多行文字輸入,請使用 HTML <textarea> 標籤。您可以使用 cols 和 rows 屬性設定文字區域的大小。它用於表單中,允許使用者輸入多行文字。

以下是 <textarea> 標籤的屬性:

屬性描述
autofocusHTML5autofocus指定頁面載入時文字區域應自動獲得焦點。
Cols數字根據可見字元寬度數指定 textarea 的寬度。
Disableddisabled根據可見字元寬度數指定 textarea 的寬度。
formHTML5form_id指定一個或多個表單。
maxlengthHTML5數字指定 textarea 中字元的最大數量。
Nametext為輸入控制元件分配名稱。
placeholderHTML5text指定 textarea 中值的簡短提示。
Readonlyreadonly將輸入控制元件設定為只讀。它不允許使用者更改值。但是,控制元件可以接收焦點,並且在按 Tab 鍵遍歷表單控制元件時包含在內。
requiredHTML5required指定 textarea 為必填項。
Rows數字根據可見文字行數指定 textarea 的高度。如果文字超過此限制,使用者可以使用 textarea 的捲軸進行滾動。
wrapHTML5hard soft指定要在 textarea 中換行的文字。

 

Textarea

示例

您可以嘗試執行以下程式碼以在 HTML 中使用 textarea:

<!DOCTYPE html>
<html>
   <head>
      <title>HTML textarea Tag</title>
   </head>

   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         What improvements you want in college?
         <br>

         <textarea rows = "4" cols = "40" name = "description">
            Enter details here...
         </textarea>
         <br>

         <input type = "submit" value = "submit" />
      </form>

   </body>
</html>

更新於:2020年5月14日

6K+ 次瀏覽

啟動您的職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.