關于表單的兩點交互體驗改進技巧
更新時間：2007年02月22日 00:00:00 作者：
想必大家在頁面都使用過表單，如果你對單調的表單控制單元不滿意，不妨看看以下幾條技巧：
1、表單文本輸入的移動選擇：在文本輸入欄中，如果加入了提示，來訪者往往要用鼠標選取后刪除，再輸入有用的信息。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中，一切就會變得簡單多了，如：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
類似的，可以加入代碼到<input>。
2、表單輸入單元點擊刪除：本列同上則作用類似，只是使用鼠標上略有變化，需要點擊而不像上則的只要鼠標覆蓋。如：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
點擊輸入單元后，提示信息會刪除，是不是很方便。
1、表單文本輸入的移動選擇：在文本輸入欄中，如果加入了提示，來訪者往往要用鼠標選取后刪除，再輸入有用的信息。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中，一切就會變得簡單多了，如：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
類似的，可以加入代碼到<input>。
2、表單輸入單元點擊刪除：本列同上則作用類似，只是使用鼠標上略有變化，需要點擊而不像上則的只要鼠標覆蓋。如：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
點擊輸入單元后，提示信息會刪除，是不是很方便。
相關文章
傳統(tǒng)的select控件比較難看，用css美化也達不到好的效果，而javascript和css結合起來，用div等元素模擬一個select達到想要的效果就很容易了。2008-06-06
網(wǎng)頁中經常會用到的一些字數(shù)限制要求，下面的代碼應該可以幫你解決這個問題,下面的代碼不論是text和textarea效果都是一樣的。2008-09-09
javascript實現(xiàn)愛你在FF IE下都有效的添加一個項目
javascript實現(xiàn)愛你在FF IE下都有效的添加一個項目...2007-07-07
帶Checkbox的列表框...2006-08-08
實現(xiàn)一個年、月、季度聯(lián)動SELECT的javascript代碼
實現(xiàn)一個年、月、季度聯(lián)動SELECT的javascript代碼...2007-07-07
checkbox實現(xiàn)全選的多種方法 不斷更新...2006-07-07
取得input元素中部分選中(selected)的值...2007-02-02
js文本中搜索關鍵詞輸入效果...2007-10-10
Js 載入時選中文字的實現(xiàn)代碼，需要的朋友可以參考下。2010-05-05
下面的代碼，對于身份證的驗證功能更強，包含大約的省份。2008-10-10