HTML <textarea> 標簽

定義和用法

<textarea> 標簽定義多行文本輸入控件。

<textarea> 元素通常用在表單中，用于收集用戶的輸入，如評論或評論。

文本區域可以容納無限數量的字符，并且文本以等寬字體（通常是 Courier）呈現。

文本區域的大小由 cols 和 rows 屬性（或使用 CSS）規定。

提交表單后需要 name 屬性來引用表單數據（如果省略 name 屬性，則不會提交文本區域的數據）。

需要 id 屬性將文本區域與標簽（label）相關聯。

提示：請始終添加 <label> 標簽，以獲得最佳可訪問性實踐！

另請參閱：

HTML DOM 參考手冊：Textarea 對象

CSS 教程：設置表單樣式

實例

例子 1

一個多行文本輸入控件（文本區域）：

<label for="w3review">評論 CodeW3C.com：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
在 codew3c.com，您將學習如何開發網站。他們提供所有 Web 開發技術的免費教程。
</textarea>

親自試一試

例子 2

禁用默認調整尺寸選項：

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">評論 CodeW3C.com：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
在 codew3c.com，您將學習如何開發網站。他們提供所有 Web 開發技術的免費教程。
</textarea>
</body>
</html>

親自試一試

屬性

屬性 值 描述
autofocus autofocus 規定文本區域應在頁面加載時自動獲得焦點。
cols 數字 規定文本區域的可見寬度。
dirname textareaname.dir 規定被提交的文本區域的的文字方向。
disabled disabled 規定應禁用文本區域。
form 表單 id 規定文本區域所屬的表單。
maxlength 數字 規定文本區域允許的最大字符數。
name 文本 規定文本區域的名稱。
placeholder 文本 規定描述文本區域預期值的簡短提示。
readonly readonly 規定文本區域應該是只讀的。
required required 規定文本區域是必填的。
rows 數字 規定文本區域中可見的行數。
wrap
  • hard
  • soft
 規定在表單中提交時文本區域中的文本如何換行。

全局屬性

<textarea> 標簽還支持 HTML 中的全局屬性。

事件屬性

<textarea> 標簽還支持 HTML 中的事件屬性。

默認的 CSS 設置

無。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持