網頁設計表單的個性化設計技巧

2022-06-26 分類：網站建設

1、表單文本輸入的移動選擇：在文本輸入欄中，如果加入了提示，來訪者往往要用鼠標選取后刪除，再輸入有用的信息。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到中，一切就會變得簡單多了，如：</p><p><textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English..

　　類似的，可以加入代碼到。

　　2、表單輸入單元點擊刪除：本列同上則作用類似，只是使用鼠標上略有變化，需要點擊而不像上則的只要鼠標覆蓋。如：

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

　　3、表單輸入單元的邊框設置：更改傳統的表單單元邊框，會讓你的主頁生色不少。如：

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

　　4、表單輸入單元的文字設置：表單中單元的字體是可以修改的，如：

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

　　5、修改表單屬性為彈出窗口：大多數表單激活后，會在當前頁面中打開，影響正常瀏覽。不如修改一下，如：

分享標題：網頁設計表單的個性化設計技巧
文章源于：http://m.kartarina.com/news/171564.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、網站收錄、軟件開發、小程序開發、面包屑導航、外貿建站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容