百度登入介面原型圖

最終呈現效果：

1.焦點進入user和pwd輸入框，輸入邊框和圖示變為藍色，失去焦點恢復為灰色；

2.輸入使用者名稱後，輸入框末端出現×刪除標識，清空使用者名稱，刪除標識消失；

3.輸入使用者名稱後點擊刪除標識，將使用者名稱文字全部清除。

原件準備

步驟：

效果：焦點進入user和pwd輸入框，輸入邊框和圖示變為藍色，失去焦點恢復為灰色

1.設定user和pws文字框的原件提示文字分別是：手機/郵箱/使用者名稱和密碼；

2.分別設定user和pwd的屬性-事件，如下圖，其中B1和B2指的是使用者名稱和密碼的矩形框，user和lock指的是前面的小圖示。

3.分別選中使用者名稱和密碼的矩形設定屬性為互動樣式設定-選中-邊框顏色-藍色

4.做好這一步你會發現選中兩個框都變為藍色，而實際應該是選中的才會，不選中的恢復為灰色

不要著急，此時可以按住CTRL同時選中兩個矩形，右擊設定選項組，這個問題就可以迎刃而解啦~~

效果：輸入使用者名稱後，輸入框末端出現×刪除標識，清空使用者名稱，刪除標識消失；

1.在文字框末尾加一個×形狀或者標識；

2.根據效果可知，可以利用if和else if函式，選中使用者名稱輸入文字框，建立事件，如下圖：

效果：輸入使用者名稱後點擊刪除標識，將使用者名稱文字全部清除。

1.為×形狀或者標識設定事件，如下圖：

以上所有均為我邊學習邊總結的經驗，可能還有諸多不足，大神如果有更好的方法，歡迎指教~~~

最終效果圖：