關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧
更新時間:2007年02月22日 00:00:00 作者:
想必大家在頁面都使用過表單,如果你對單調(diào)的表單控制單元不滿意,不妨看看以下幾條技巧:
1、表單文本輸入的移動選擇:在文本輸入欄中,如果加入了提示,來訪者往往要用鼠標(biāo)選取后刪除,再輸入有用的信息。其實(shí)只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中,一切就會變得簡單多了,如:
類似的,可以加入代碼到<input>。
2、表單輸入單元點(diǎn)擊刪除:本列同上則作用類似,只是使用鼠標(biāo)上略有變化,需要點(diǎn)擊而不像上則的只要鼠標(biāo)覆蓋。如:
點(diǎn)擊輸入單元后,提示信息會刪除,是不是很方便。
1、表單文本輸入的移動選擇:在文本輸入欄中,如果加入了提示,來訪者往往要用鼠標(biāo)選取后刪除,再輸入有用的信息。其實(shí)只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中,一切就會變得簡單多了,如:
類似的,可以加入代碼到<input>。
2、表單輸入單元點(diǎn)擊刪除:本列同上則作用類似,只是使用鼠標(biāo)上略有變化,需要點(diǎn)擊而不像上則的只要鼠標(biāo)覆蓋。如:
點(diǎn)擊輸入單元后,提示信息會刪除,是不是很方便。
相關(guān)文章
javascript 單選按鈕 單擊選中 雙擊取消選擇實(shí)現(xiàn)代碼
很多情況下,我們需要對radio單選框?qū)崿F(xiàn)取消選擇,這里用js的實(shí)現(xiàn)方法,確實(shí)不錯。2010-08-08
javascript中input中readonly和disabled區(qū)別介紹
javascript中input中readonly和disabled區(qū)別,在開發(fā)中可能會常有用到,利用js動態(tài)改變input的屬性2012-10-10
js驗(yàn)證符合用戶體驗(yàn)的網(wǎng)頁表單特效
用CSS和JS設(shè)計的符合用戶體驗(yàn)的表單。大家可以在自己的網(wǎng)頁里面用用,自己感覺非常不錯的一種效果。2008-10-10
js模擬權(quán)限選擇實(shí)現(xiàn)代碼(select操作)
權(quán)限選擇頁面,選擇、撤回、全部選擇、全部撤回2012-02-02

