當前位置:首頁 >> 站長天地 >> 網頁制作 >> 內容

網頁設計中文本輸入框的一些參數說明

時間:2008-10-6 10:53:00 欄目:網頁制作 點擊: 來源:不詳

 [網頁制作]-本文簡要:文本輸入框一般在留言本,論壇等地方都要用到,也就是html語言中的textarea,textare包含有眾多的參數,學會運用這些參數,就可以隨意修改文本輸入框的大小和外觀,達到想要的效果,下面就來介紹這些參數,以及如何使用這些參數。1、cols,垂直列。在沒有做樣式表設置的情況下,它表示一行中可容納...
D6電腦網 (d6pc.com): 網頁設計中文本輸入框的一些參數說明-網頁制作

      文本輸入框一般在留言本,論壇等地方都要用到,也就是html語言中的textarea,textare包含有眾多的參數,學會運用這些參數,就可以隨意修改文本輸入框的大小和外觀,達到想要的效果,下面就來介紹這些參數,以及如何使用這些參數。

      1、cols,垂直列。在沒有做樣式表設置的情況下,它表示一行中可容納下的字節數。例如cols=60,表示一行中最多可容納60個字節,也就是30個漢字。另外要注意的是,文本框的寬度就是通過這個來調整,輸入好cols的數值,然后再定義輸入文字字體的大小(不定義的話,會采用默認值),那么文本框的寬度就確定了。

      2、rows,水平列。表示可顯示的行數,例如rows=10,表示可顯示10行。超過10行,則需要拖動滾動條來瀏覽了。(同上,文本框的高度就是通過這個來控制的。)

      3、name,文本框的名稱,這項必不可省,因為存儲文本的時候必須用到。 

      4、warp,當warp="off"表示該文本區域中不自動換行,當然不寫默認是自動換行的。這個參數一般用得比較少。

      5、style,這是個非常實用的參數,可以用來設置文本框的背景色,滾動條顏色及形式,邊框色,輸入字體的大小顏色等等。

      6、class,一般用來調用外部css里邊的設置。 

      例1:設置文本框的行數為40,列數為10。名稱為text。表達形式 <textarea cols=40 rows=10 name=text></textarea>

      例2:取消文本框右邊的滾動條。表達形式<textarea cols=40 rows=10 name=text style="overflow:auto"></textarea>。style="overflow:auto"的意思就是當輸入的文本超出設置的行數時才自動顯示滾動條。

      例3:設置文本框的背景色。<textarea cols=40 rows=10 name=text style="background-color:BFCEDC"></textarea>。

      例4:另外設置文本框的滾動條顏色,邊框色,以及字體大小,顏色,行距等,都可以直接在style里設置。不過這些一般都習慣在CSS里設置,直接調用就好了。下面是一段CSS設置代碼:應該比較容易看懂,textbox里邊依次設置的是文本框的背景色,上下左右邊框色和厚度,以及輸入字體的大小等。

以下是引用片段:
<style>
.textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px solid; BORDER-LEFT: #7F9DB9 1px solid; BORDER-RIGHT: #7F9DB9 1px solid; BORDER-BOTTOM: #7F9DB9 1px solid; FONT-FAMILY: "宋體", "Verdana", "Arial", "Helvetica"; FONT-SIZE: 12px; TEXT-ALIGN: LIFT;}
</style> 

      把上面一段代碼插到頁面的<head>與</head>之間。調用方式:<textarea cols=40 rows=10 name=text class="textbox"></textarea>。 class=""中的名字對應css里邊要用到的設置的名字。熟悉了這些參數,修改和美化文本輸入框就很方便了。


Tags:參數 


D6電腦網|電腦學習,電腦維修,電腦技術網;
設電腦學習,電腦入門,電腦技術,電腦教程,電腦維修,硬件知識,
網頁設計建站,桌面壁紙,主題下載,WIN7下載,常用軟件下載等欄目。感謝您的支持!
欄目:網頁制作 作者:佚名 來源:不詳
共有評論 0相關評論
發表我的評論
  • 大名:
  • 內容:
本類推薦
  • 沒有
本類固頂
  • 沒有
網友推薦
鏈接申請
  • D6電腦網(www.gnxcvx.live) © 2019 版權所有 All Rights Reserved.
  • 本站為純技術學習交流型網站,部分資源來源網絡,僅供學習交流,版權歸原作者,本站僅為轉載,如有侵犯您的利益請聯系我們刪除.謝謝!
    關于D6電腦學習網 廣告合作 [email protected] 聯系站長 網站地圖 粵ICP備09035016號
  • 擺脫淺薄和低俗的最好辦法就是學習,我們加油!D6PC! V3.0
  • 虎虎生财返水 二分彩计划软件 手游助手电脑版赚钱的 pk10刷流水赚钱 河南快赢481投注 爱玩棋牌app下载安装 极速飞艇开奖网是多少 靠谱网上赚钱的工作 云南11选5走势图遗漏 极速飞艇骗局 16岁周末打字赚钱 新疆11选5走势图基本走势走势图 足球6串7容错一场如何算奖金 广东十一选五推荐号 花源阅读赚钱是怎样伯 老k棋牌游戏官方下载 重庆幸运农场吧