討論研究普通的網頁登入按鈕的狀態

標籤：blog   http   使用   sp   on   2014   問題   log   html   

     就在我剛才看一個技術視頻的時候，裡面提到了一個包括我在內的被很多程式開發人員忽視的問題。這個問題不管是在軟體開發工作了幾年的技術豐富的研發人員還是剛剛入行的菜鳥往往忽視掉，那就是在網頁的登入功能的登入按鈕有幾種狀態呢？分別表示怎樣的功能含義呢？下來我們就來說明一下。

1、現在在每個軟體開發項目和產品中都會有使用者登入的介面，不管是系統或者網站都會有，如所示，我們只是難道開發的需求和任務模組只管用程式寫出來，沒有考慮到，研究到它其中的一些原理性的知識。

2、對於上面這個頁面圖片是我們大家常見的使用者進入網站和系統的必經之路-登入介面，它很直接是由帳號、密碼的輸入框和登入、重設(取消)按鈕組成的，輸入框我們就不研究了，對於重設也是比較的容易理解。重點說一下這個登入按鈕，它在程式到底存在幾種狀態呢？我們可以看看下面這張圖片：

                 

當你看到這張圖片的時候，也許作為經驗豐富的研發人員，你已經知道其中的答案了。對的，你沒有理解錯，這張圖片就是登入按鈕的四種狀態的體現，那麼其中的含義是啥呢？我們給大家分析：

(1)、表示的就是當我們使用者每次使用瀏覽器開啟網站時，它展現的登入的初始化狀態，沒有做任何操作的情況下才有的，表現的是個白色的顏色；

(2)、表示的就是滑鼠移動到上面，引入的呈現的那種狀態，這個是使用者已經開始操作了，其顏色也是變化了；

(3)、表示的就是當滑鼠點擊，觸動onclick()事件的那一瞬間所產生的狀態，這個才是操作的真正開始，其顏色也是變化了的；

(4)、表示的是當使用者點擊之後，由於網速速度慢等其他的原因造成的頁面正在跳轉中的一種等待中的狀態，有時這個狀態會給使用者造成中錯覺，其實頁面正在跳轉響應中，可是使用者會再次點擊，有些網站設計的比較人性化，就是我們常見的"登入中..."等提示性語言，這時按鈕其實是灰色的，不是和初始化狀態一樣的。

這個就是我憑自己的理解總結出來的一點兒技術點，整理出來分享給大家，希望通過這個大家可以對登入狀態這個問題有個全新的認識和理解。

如需轉載請註明此處的地址：http://www.cnblogs.com/gxbk629/p/4067593.html  尊重他人的勞動成果。

 

討論研究普通的網頁登入按鈕的狀態