關(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í)行]
類似的，可以加入代碼到<input>。
2、表單輸入單元點(diǎn)擊刪除：本列同上則作用類似，只是使用鼠標(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í)行]
類似的，可以加入代碼到<input>。
2、表單輸入單元點(diǎn)擊刪除：本列同上則作用類似，只是使用鼠標(biāo)上略有變化，需要點(diǎn)擊而不像上則的只要鼠標(biāo)覆蓋。如：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
點(diǎn)擊輸入單元后，提示信息會(huì)刪除，是不是很方便。
相關(guān)文章
但是div可以蓋iframe，而iframe可以蓋select, 所以，把一個(gè)iframe來(lái)當(dāng)作div的底，2008-08-08
對(duì)于js事件的通用調(diào)用寫(xiě)法2009-01-01
select超出一定長(zhǎng)度則變成省略號(hào)2008-05-05
js獲取變量...2006-08-08
javascript 單選按鈕 單擊選中 雙擊取消選擇實(shí)現(xiàn)代碼
很多情況下，我們需要對(duì)radio單選框?qū)崿F(xiàn)取消選擇，這里用js的實(shí)現(xiàn)方法，確實(shí)不錯(cuò)。2010-08-08
常用js腳本...2006-12-12
input 文本框內(nèi)容改變，我們可以使用onchange或者onblur來(lái)進(jìn)行判斷，但是onchange是在文本內(nèi)容改變，然后失去焦點(diǎn)的時(shí)候發(fā)生，onblur是在失去焦點(diǎn)時(shí)候發(fā)生，不會(huì)自己去判斷。2010-04-04
javascript中input中readonly和disabled區(qū)別介紹
javascript中input中readonly和disabled區(qū)別，在開(kāi)發(fā)中可能會(huì)常有用到，利用js動(dòng)態(tài)改變input的屬性2012-10-10
js驗(yàn)證符合用戶體驗(yàn)的網(wǎng)頁(yè)表單特效
用CSS和JS設(shè)計(jì)的符合用戶體驗(yàn)的表單。大家可以在自己的網(wǎng)頁(yè)里面用用，自己感覺(jué)非常不錯(cuò)的一種效果。2008-10-10
js模擬權(quán)限選擇實(shí)現(xiàn)代碼(select操作)
權(quán)限選擇頁(yè)面，選擇、撤回、全部選擇、全部撤回2012-02-02