定義和用法
<textarea> 標籤定義多行的文本輸入控件。
可以通過 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>