如何在 HTML 中建立多行文字輸入框(文字區域)?
要建立多行文字輸入框,請使用 HTML 的 <textarea> 標籤。您可以使用 cols 和 rows 屬性設定文字區域的大小。它用於表單中,允許使用者輸入多行文字。
以下是 <textarea> 標籤的屬性:
| 屬性 | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 指定頁面載入時文字區域應自動獲得焦點。 |
| Cols | 數字 | 根據可見字元寬度的數量指定文字區域的寬度。 |
| Disabled | disabled | 根據可見字元寬度的數量指定文字區域的寬度。 |
| form | form_id | 指定一個或多個表單。 |
| maxlength | 數字 | 指定文字區域中的最大字元數。 |
| Name | 文字 | 為輸入控制元件分配名稱。 |
| placeholder | 文字 | 指定文字區域中值的簡短提示。 |
| Readonly | readonly | 將輸入控制元件設定為只讀。它不允許使用者更改值。但是,控制元件可以接收焦點,並且在透過表單控制元件進行製表時會包含在內。 |
| required | required | 指定文字區域是必需的。 |
| 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>
廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP