国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

DIV+CSS表單布局的五個小技巧

2024-07-11 09:01:03
字體:
來源:轉載
供稿:網友

 DIV+CSS表單布局的五個小技巧可以幫助你更靈活的控制表單,使頁面更加滿意。

1、表單文本輸入的移動選擇:

在文本輸入欄中,如果加入了提示,來訪者往往要用鼠標選取后刪除,再輸入有用的信息。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中,一切就會變得簡單多了,如:

 

<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">站長之家 www.chinaz.com</textarea>

 

類似的,可以加入代碼到<input>。

2、表單輸入單元點擊刪除:

本列同上則作用類似,只是使用鼠標上略有變化,需要點擊而不像上則的只要鼠標覆蓋。如:

 

<input type=text name="address" size=19 value="站長之家 www.chinaz.com" onFocus="this.value=''">

 

點擊輸入單元后,提示信息會刪除,是不是很方便。

3、表單輸入單元的邊框設置:

更改傳統的表單單元邊框,會讓你的主頁生色不少。如:

 

<input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8">

 

其中"style=***"為左右上下和背景色設置,適用于其它單元,請讀者親自試試。

4、表單輸入單元的文字設置:

表單中單元的字體是可以修改的,如:

 

<input type=text name="address" size=19 value="站長之家 www.chinaz.com" style=“font-size:10px”>

 

其中"style=***"為字體和字大小設置。

5、修改表單屬性為彈出窗口:

大多數表單激活后,會在當前頁面中打開,影響正常瀏覽。不如修改一下,如:

 

<form method=POST action=url target=_blank>

 

其中"target=_blank"為控制在彈出窗口打開。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乐陵市| 奉节县| 北流市| 湖南省| 东海县| 小金县| 来凤县| 北辰区| 永丰县| 台中市| 古田县| 莱西市| 宣化县| 巴彦淖尔市| 农安县| 彩票| 东城区| 白玉县| 翁牛特旗| 彩票| 固安县| 衡东县| 西盟| 肥东县| 瑞安市| 濮阳市| 龙海市| 东明县| 陕西省| 丁青县| 永和县| 连城县| 柳江县| 五台县| 册亨县| 环江| 门头沟区| 青铜峡市| 牟定县| 阿瓦提县| 上饶市|