1. 程式人生 > >HTML中輸入無限文字的文字框,可以隨滑鼠拖動大小

HTML中輸入無限文字的文字框,可以隨滑鼠拖動大小

<textarea>

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

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

註釋:在文字輸入區內的文字行間,用 "%OD%OA" (回車/換行)進行分隔。


最常用的屬性是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

描述

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> 參考:
http://www.w3school.com.cn/tags/tag_textarea.asp