Html----textarea

定義和用法

<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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章