網(wǎng)站設(shè)計(jì)小技巧-CSS表單布局

作者：佚名   時(shí)間：2012-02-18   分享到：

網(wǎng)站設(shè)計(jì)小技巧-CSS表單布局
    初學(xué)網(wǎng)站建設(shè)的如果會(huì)使用以下幾個(gè)CSS小技巧可以讓上海網(wǎng)站設(shè)計(jì)更靈活的控制表單和效果；博得眾多滿意度才是最好的CSS表單布局！
    1.表單輸入單元文字設(shè)置：通過(guò)控制 <input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px > 當(dāng)中的"style=***" 即可實(shí)現(xiàn)當(dāng)中的字體大小設(shè)置。
    2.修改表單屬性為彈出窗口：只需要使用 <form method=POST action=url target=_blank> 將新頁(yè)面以彈出窗口形式打開(kāi)即可消除當(dāng)前頁(yè)面瀏覽影響
    3.表單文本輸入移動(dòng)選擇：只要在 <textarea> 中加入 onMouseOver="this.focus()" onFocus="this.select()" 即可為我們的用戶省去先在文本輸入框中刪除原有內(nèi)容才能輸入實(shí)際信息的操作。
    4.表單輸入單元點(diǎn)擊刪除：在 <textarea> 中加入<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value='"> 即可實(shí)現(xiàn)輸入單元點(diǎn)擊刪除
    5.表單輸入單元邊框設(shè)置：通過(guò)<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"> 當(dāng)中的 "style=***" 即可以輕松的為我們的表單進(jìn)行上下左右和背景顏色設(shè)置，頓然生色。