如何在 HTML 中建立多行文字輸入框(文字區域)?


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

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

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

換行軟硬兼施指定要在文字區域中換行的文字。

示例

您可以嘗試執行以下程式碼在 HTML 中建立多行文字輸入:

<!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 = "5" cols = "60" name = "description">
            Enter details here...
         </textarea><br>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html>

更新於: 2023年9月2日

50K+ 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.