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