无码专区2024|久久久外国老人黄片|三级视频毛片一级片中文字幕|91日本无码熟妇人妻在线|欧美a日韩a中文一级片|日韩美女一级免费|久久无码_区二区三区|国产av无码一区|成人亚洲AV日韩无码线|亚洲黄色视频免费的

設計個性化表單的技巧

2012/5/23 14:45:37   閱讀:2693    發(fā)布者:2693

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

<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English..</textarea>

  類似的,可以加入代碼到<input>。

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

<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value='">

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

  3、表單輸入單元的邊框設置:更改傳統(tǒng)的表單單元邊框,會讓你的主頁生色不少。如:

<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=***"為左右上下和背景色設置,適用于其它單元,請讀者親自試試。

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

<input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px >

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