定義和用法
<textarea> 標籤定義多行的文本輸入控制項。
文本區中可容納無限數量的文本,其中的文本的默認字型是等寬字型(通常是 Courier)。
可以通過 cols 和 rows 屬性來規定 textarea 的尺寸,不過更好的辦法是使用 CSS 的 height 和 width 屬性。
在文本輸入區內的文本行間,用 "%OD%OA" (回車/換行)進行分隔;通過 <textarea> 標籤的 wrap 屬性設定文本輸入區內的換行模式。
textarea 標籤是成對出現的,以<textarea>開始,以</textarea>結束
定義一個文本區域 (text-area) (一個多行的文本輸入區域)。用戶可在此文本區域中寫文本。在一個文本區中,您可輸入無限數量的文本。文本區中的默認字型是等寬字型 (fixed pitch)。
屬性
最常用的屬性是cols和rows,用來規定textarea的尺寸。另外,還有其他一些屬性如下:
屬性 | 值 | 描述 | 4 | 5 |
autofocus | true false | 在頁面載入時,使這個 textarea 獲得焦點。 | 5 | |
cols | number | 規定文本區內可見的列數。 | 4 | 5 |
disabled | true false | 當此文本區首次載入時禁用此文本區。 | 4 | 5 |
form | true false | 定義該 textarea 所屬的一個或多個表單。 | 5 | |
inputmode | inputmode | 定義該 textarea 所期望的輸入類型。 | 5 | |
name | name_of_textarea | 為此文本區規定的一個名稱。 | 4 | 5 |
readonly | true false | 指示用戶無法修改文本區內的內容。 | 4 | 5 |
required | true false | 定義為了提交該表單,該 textarea 的值是否是必需的。 | 5 | |
rows | number | 規定文本區內可見的行數。 | 4 | 5 |
HTML 5 中新的全局屬性。
屬性 | 描述 |
accesskey | 規定訪問元素的鍵盤快捷鍵 |
class | 規定元素的類名(用於規定樣式表中的類)。 |
contenteditable | 規定是否允許用戶編輯內容。 |
contextmenu | 規定元素的上下文選單。 |
dir | 規定元素中內容的文本方向。 |
draggable | 規定是否允許用戶拖動元素。 |
dropzone | 規定當被拖動的項目/數據被拖放到元素中時會發生什麼。 |
hidden | 規定該元素是無關的。被隱藏的元素不會顯示。 |
id | 規定元素的特定 ID。 |
lang | 規定元素中內容的語言代碼。 |
spellcheck | 規定是否必須對元素進行拼寫或語法檢查。 |
style | 規定元素的行內樣式。 |
tabindex | 規定元素的 tab 鍵控制次序。 |
title | 規定有關元素的額外信息。 |
描述
Common -- 一般屬性
cols -- 多行輸入域的列數
rows -- 多行輸入域的行數
accesskey -- 表單的快捷鍵訪問方式
disabled -- 輸入域無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用
readonly -- 輸入域可以選擇,但是無法修改
tabindex -- 輸入域,使用"tab"鍵的遍歷順序
示例
<html>
<body>
<form action="../dreamdu.php" method="post" id="dreamduform">
<label for="contactus">請聯繫我們</label>
<textarea cols="50" rows="10" id="contactus" name="contactus">
可愛的猴子 </textarea>
</form>
</body>
</html>
全局屬性
<textarea> 標籤支持HTML 的全局屬性,例如:accesskey、class、data-*、dir、id、lang、spellcheck、title
事件屬性
<textarea> 標籤支持HTML 的事件屬性,例如:onblur、onerror、onoffline、ononline、onpageshow、onredo