尤物精品在线 I 2023国产精品 I 久日精品视频 I 五月天丁香 I 国产太嫩了在线观看 I 亚洲1区在线观看 I 老熟女强人国产在线播放 I 波多野结衣初尝黑人 I 秋霞在线一区 I 日日噜噜夜夜狠狠视频免费 I 天天综合色网 I www日本免费 I 青青青国产视频 I 国产成人欧美一区二区三区的 I 成人爱爱网 I 日韩人妻无码一区二区三区综合部 I 无码人妻丰满熟妇区免费 I 欧美三级久久久 I 性色av无码中文av有码vr I 成人无码看片在线观看免费 I 国产日韩一区 I 中文字幕488页在线 I 日本亚洲欧洲色α在线播放 I 日本精品一区二区三区在线观看视频 I 人妻系列影片无码专区 I 无码人妻巨屁股系列 I 99国产欧美久久久精品蜜芽 I 国产日产欧产精品精乱了派 I 夜夜高潮夜夜爽高清完整版1 I 日韩 欧美 中文 I 亚洲区成人 I 真人三级三级97片毛片 I 日本搞b视频 I 丰满老妇被粗大猛烈进人高清 I 亚洲综合 欧美

DIV+CSS表單布局的五個(gè)小技巧

日期:2010/10/16 / 人氣:

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

1、表單文本輸入的移動(dòng)選擇:

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

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

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

2、表單輸入單元點(diǎn)擊刪除:

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

<input type=text name="address" size=19 value="站長(zhǎng)之家 www.chinaz.com" onFocus="this.value=\'\'">

點(diǎn)擊輸入單元后,提示信息會(huì)刪除,是不是很方便。

3、表單輸入單元的邊框設(shè)置:

更改傳統(tǒng)的表單單元邊框,會(huì)讓你的主頁生色不少。如:

<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=***"為左右上下和背景色設(shè)置,適用于其它單元,請(qǐng)讀者親自試試。

4、表單輸入單元的文字設(shè)置:

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

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

其中"style=***"為字體和字大小設(shè)置。

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

大多數(shù)表單激活后,會(huì)在當(dāng)前頁面中打開,影響正常瀏覽。不如修改一下,如:

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

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

作者:朋友圈科技


Go To Top 回頂部