新聞資訊

營銷知識

首頁> 營銷知識

css表單布局的五個(gè)小(xiǎo)技(jì)巧

發布時(shí)間(jiān) :2018-04-16 13:35

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

在文本輸入欄中,如果加入了提示,來(lái)訪者往往要用鼠标選取後删除,再輸入有(yǒu)用的信息。其實隻要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中,一切就會(huì)變得(de)簡單多(duō)了,如:

<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English..</textarea>
類似的,可(kě)以加入代碼到<input>。

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

本列同上(shàng)則作(zuò)用類似,隻是使用鼠标上(shàng)略有(yǒu)變化,需要點擊而不像上(shàng)則的隻要鼠标覆蓋。如:

<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=’’">
點擊輸入單元後,提示信息會(huì)删除,是不是很(hěn)方便。

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

更改傳統的表單單元邊框,會(huì)讓你(nǐ)的主頁生(shēng)色不少(shǎo)。如:

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

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

表單中單元的字體(tǐ)是可(kě)以修改的,如:

<input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px >
其中"style=***"為(wèi)字體(tǐ)和(hé)字大(dà)小(xiǎo)設置。

5、修改表單屬性為(wèi)彈出窗口:

大(dà)多(duō)數(shù)表單激活後,會(huì)在當前頁面中打開(kāi),影(yǐng)響正常浏覽。不如修改一下,如:

<form method=POST action=url target=_blank>
其中"target=_blank"為(wèi)控制(zhì)在彈出窗口打開(kāi)。

186-5120-8731
企業網站(zhàn)咨詢
SEO優化推廣
微信小(xiǎo)程序咨詢
微信公衆号咨詢
店(diàn)鋪裝修運營咨詢
商城平台咨詢
其他業務咨詢
首頁
電(diàn)話(huà)
導航
聯系