HTML <textarea> 標籤
示例
一個多行文字輸入控制元件（文字區域）
<label for="w3review">對 W3Schools 的評價：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
在 w3schools.com，您將學習如何製作網站。他們提供所有 Web 開發技術的免費教程。
</textarea>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
<code class="w3-codespan"><textarea></code> 標籤定義了一個多行文字輸入控制元件。
<code class="w3-codespan"><textarea></code> 元素經常用於表單中，以收集使用者輸入，如評論或評價。
文字區域可以包含無限數量的字元，文字以固定寬度的字型（通常是 Courier）呈現。
文字區域的大小由 cols 和 rows 屬性指定（或使用 CSS）。
提交表單後，需要 name 屬性來引用表單資料（如果省略 name 屬性，將不會提交文字區域中的任何資料）。
需要 id 屬性來將文字區域與標籤關聯起來。
提示：為最佳可訪問性實踐，請務必新增 <label> 標籤！
瀏覽器支援
| 元素 | |||||
|---|---|---|---|---|---|
| <textarea> | 是 | 是 | 是 | 是 | 是 |
屬性
| Attribute | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 指定頁面載入時文字區域應自動獲得焦點 |
| cols | 數字 | 指定文字區域的可見寬度 |
| dirname | textareaname.dir | 指定文字區域的文字方向將被提交 |
| disabled | disabled | 指定應停用文字區域 |
| form | form_id | 指定文字區域所屬的表單 |
| maxlength | 數字 | 指定文字區域中允許的最大字元數 |
| name | text | 為文字區域指定一個名稱 |
| placeholder | text | 指定描述文字區域預期值的簡短提示 |
| readonly | readonly | 指定文字區域是否為只讀 |
| required | required | 指定文字區域是必需的/必須填寫的 |
| rows | 數字 | 指定文字區域的可見行數 |
| wrap（換行） | hard soft |
指定文字區域提交到表單時文字的換行方式 |
全域性屬性
<code class="w3-codespan"><textarea></code> 標籤還支援 HTML 中的全域性屬性。
事件屬性
<code class="w3-codespan"><textarea></code> 標籤還支援 HTML 中的事件屬性。
更多示例
示例
停用預設的 resize 選項
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">對 W3Schools 的評價：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
在 w3schools.com，您將學習如何製作網站。他們提供所有 Web 開發技術的免費教程。
</textarea>
</body>
</html>
自己動手試一試 »
相關頁面
HTML DOM 參考： Textarea 物件
CSS 教程： 表單樣式
預設 CSS 設定
無。
