需求：登錄頁：用戶名，密碼，驗證碼，短信驗證碼。表單驗證。

原來：

1.右側留空放提示文字：

缺點：超過一定長度會折行。

2.用input裏的placeholder代替label的提示作用

缺點：輸入時會消失。

現在：

1.提示文字另起一行visibility:hidden，不用擔心折行問題了。

2.input加上background-img， padding-left:40px,即使輸入文字時候，提示字消失也有圖標提示。

3.增加了反饋提示效果，error樣式，加粗和變色input邊框，改變背景色。

這裏還可以做這種提示，我覺得也比較適合局部做登錄框的情況。

當然如果是全頁面做登錄就不用考慮這麽多了，空間比較寬裕。

小結：從前端來考慮，登錄這部分包括表單驗證反饋和輸入提示等方面，

小細節：

①可以點擊獲取驗證碼後改變文字為倒計時“60秒後重新發送驗證碼”等改善用戶體驗。

②針對我們這個頁面可以把兩種登錄方式統合到一起（手機登錄和賬號登錄，賬號可以是郵箱也可以是手機），此處應該還可以優化。

關於表單設計（登錄）的幾點感悟