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

