資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 中使用 textarea（多行文字輸入欄位）？
要新增多行文字輸入，請使用 HTML 的 <textarea> 標籤。您可以使用 cols 和 rows 屬性設定文字區域的大小。它用於表單中，允許使用者輸入多行文字。
以下是 <textarea> 標籤的屬性 -
| 屬性 | 值 | 描述 |
|---|---|---|
autofocus | autofocus | 指定在頁面載入時文字區域應自動獲得焦點。 |
| Cols | 數字 | 根據可見字元寬度的數量指定 textarea 的寬度 |
| Disabled | disabled | 根據可見字元寬度的數量指定 textarea 的寬度。 |
| form | form_id | 指定一個或多個表單。 |
| maxlength | 數字 | 指定 textarea 中字元的最大數量。 |
| Name | 文字 | 為輸入控制元件分配一個名稱。 |
| placeholder | 文字 | 指定 textarea 中值的簡短提示。 |
| Readonly | readonly | 將輸入控制元件設定為只讀。它不允許使用者更改值。但是，控制元件可以接收焦點，並且在按 Tab 鍵遍歷表單控制元件時包含在內。 |
| required | required | 指定 textarea 是必需的。 |
| Rows | 數字 | 根據可見文字行的數量指定 textarea 的高度。如果文字超過此限制，使用者可以使用 textarea 的捲軸進行滾動。 |
| wrap | hard soft | 指定要在 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-05-14
6K+ 次檢視
廣告