網頁表單設計實例技巧五則_HTML/Xhtml_網頁製作

1、表單文字輸入的移動選擇：在文字輸入列中，如果加入了提示，來訪者往往要用滑鼠選取後刪除，再輸入有用的資訊。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 程式碼到 中，一切就會變得簡單多了，如： <br> <br>以下為引用的內容： <br><textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">請填入你的姓名
類似的，可以加入程式碼到。
2、表單輸入單元點擊刪除：本列同上則作用類似，只是使用滑鼠上略有變化，需要點擊而不像上則的只要滑鼠覆蓋。如：
以下為引用的內容：


點選輸入單元後，提示訊息會刪除，是不是很方便。
3、表單輸入單元的邊框設定：更改傳統的表單單元邊框，會讓你的主頁生色不少。如：
以下為引用的內容：


其中"style=***"為左右上下和背景色設置，適用於其它單元。
4、表單輸入單元的文字設定：表單中單元的字體是可以修改的，如：
以下為引用的內容：


其中"style=***"為字體和字大小設定。
5、修改表單屬性為彈出視窗：大多數表單啟動後，會在目前頁面中打開，影響正常瀏覽。不如修改一下，如：
以下為引用的內容：

其中"target=_blank"為控制在彈出視窗開啟。