主頁 > 知識(shí)庫 > 網(wǎng)頁表單設(shè)計(jì)實(shí)例技巧五則

網(wǎng)頁表單設(shè)計(jì)實(shí)例技巧五則
熱門標(biāo)簽：美圖手機(jī) 網(wǎng)站建設(shè) 智能手機(jī) 使用U盤裝系統(tǒng) 檢查注冊表項(xiàng) 阿里云 硅谷的囚徒呼叫中心 百度競價(jià)點(diǎn)擊價(jià)格的計(jì)算公式

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

以下為引用的內(nèi)容：
<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">請?zhí)钊肽愕男彰?lt;/textarea>
類似的，可以加入代碼到<input>。
2、表單輸入單元點(diǎn)擊刪除：本列同上則作用類似，只是使用鼠標(biāo)上略有變化，需要點(diǎn)擊而不像上則的只要鼠標(biāo)覆蓋。如：
以下為引用的內(nèi)容：

<input type=text name="address" size=19 value="請?zhí)钊肽愕泥]箱"onFocus="this.value=''">
點(diǎn)擊輸入單元后，提示信息會(huì)刪除，是不是很方便。
3、表單輸入單元的邊框設(shè)置：更改傳統(tǒng)的表單單元邊框，會(huì)讓你的主頁生色不少。如：
以下為引用的內(nèi)容：

<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è)置，適用于其它單元。
4、表單輸入單元的文字設(shè)置：表單中單元的字體是可以修改的，如：
以下為引用的內(nèi)容：

<input type=text name="address" size=19 value="請?zhí)钊肽愕男彰?quot; style=font-family:"verdana";font-size:10px >
其中"style=***"為字體和字大小設(shè)置。
5、修改表單屬性為彈出窗口：大多數(shù)表單激活后，會(huì)在當(dāng)前頁面中打開，影響正常瀏覽。不如修改一下，如：
以下為引用的內(nèi)容：
<form method=POST action=url target=_blank>
其中"target=_blank"為控制在彈出窗口打開。

標(biāo)簽：山南 賀州 煙臺(tái) 湘潭 湖北 懷化 通遼 黃山

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《網(wǎng)頁表單設(shè)計(jì)實(shí)例技巧五則》，本文關(guān)鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266