textarea

textarea,計算機語言,指的是標籤定義多行的文本輸入控制項。

定義和用法

<textarea> 標籤定義多行的文本輸入控制項。

文本區中可容納無限數量的文本,其中的文本的默認字型是等寬字型(通常是 Courier)。

可以通過 cols 和 rows 屬性來規定 textarea 的尺寸,不過更好的辦法是使用 CSS 的 height 和 width 屬性。

在文本輸入區內的文本行間,用 "%OD%OA" (回車/換行)進行分隔;通過 <textarea> 標籤的 wrap 屬性設定文本輸入區內的換行模式。

textarea 標籤是成對出現的,以<textarea>開始,以</textarea>結束

定義一個文本區域 (text-area) (一個多行的文本輸入區域)。用戶可在此文本區域中寫文本。在一個文本區中,您可輸入無限數量的文本。文本區中的默認字型是等寬字型 (fixed pitch)。

屬性

最常用的屬性是cols和rows,用來規定textarea的尺寸。另外,還有其他一些屬性如下:

屬性描述45
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

相關詞條

相關搜尋

熱門詞條

聯絡我們