textarea

* textarea標籤是成對出現的,以結束
* 引用網址:http://www.dreamdu.com/xhtml/tag_textarea/
* 屬性:
o Common -- 一般屬性
o cols -- 多行輸入域的列數
o rows -- 多行輸入域的行數
o accesskey -- 表單的快捷鍵訪問方式
o disabled -- 輸入域無法獲得焦點,無法選擇,以灰色顯示,在表單中不起任何作用
o readonly -- 輸入域可以選擇,但是無法修改
o tabindex -- 輸入域,使用"tab"鍵的遍歷順序

示例

<form id="dreamduform" action="dreamdu.php" method="post">
<label for="contactus">聯繫我們</label>
<textarea cols="50" rows="10" id="contactus" name="contactus">可愛的猴子</textarea>
</form>


這是由於IE和FF對HTML的默認解釋不一樣造成的。

在overflow屬性同爲缺省的情況下:
IE中體現爲overflow-x:hidden;overflow-y:scroll(橫向滾動條隱藏,縱向滾動條顯示)
FF中體現爲overflow:auto(由內容長度自動添加或隱藏滾動條)

如果你希望即使沒有內容火狐中也有滾動條,這麼寫:
<textarea name="usercontent" cols=35 rows=5 style="overflow:scroll"></textarea> 但這樣話橫向滾動條也出來了,會比較影響美觀,這麼寫可以只保留縱向滾動條隱藏橫向的:
<textarea name="usercontent" cols=35 rows=5 style="overflow-x:hidden; overflow-y:scroll;"></textarea>


最後提一下影響“textarea”橫向縱向滾動條顯示的屬性“overflow”
-------------------------------------------------------------
overflow : visible | auto | hidden | scroll

參數:

visible : 不剪切內容也不添加滾動條。假如顯式聲明此默認值,對象將被剪切爲包含對象的window或frame的大小。並且clip屬性設置將失效
auto : 此爲body對象和textarea的默認值。在需要時剪切內容並添加滾動條
hidden : 不顯示超過對象尺寸的內容,自動隱藏超出的字符,圖片,防止撐出層和表格的範圍
scroll : 總是顯示滾動條

http://www.dreamdu.com/xhtml/tag_textarea/
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章