作為壹個高保真的登錄框，其制作的重點在於：
1.如何在點擊輸入框時，輸入框內的文字消失
2.如何讓登錄框能夠識別我輸入的：“用戶名”、“密碼”、“驗證碼”
3.當我輸入錯誤時，下面的提示文字是怎麽顯示的
解決以上3個問題，需要講到axure條件中的“文字在部件”這樣壹個選擇項，下面我們壹起來嘗試制作吧!
壹.準備素材
還是和之前的教程壹樣，尋找我們需要的素材。制作登錄框的素材相對比較簡單，只需要用矩形工具制作壹個如圖示的“框”，可以適當調整大小和排布讓它變的美觀壹點。在相對應的控件中填入相應的文字(如圖)
(註：在登錄的上方有壹個透明的矩形，用來顯示提示文字)
二.制作“鼠標點擊時，輸入框內文字消失”效果
這壹步相對比較簡單，只需要考慮“輸入框獲得焦點”、“輸入框失去焦點”兩種情況
當“輸入框獲得焦點”時，按照下圖設置交互動作
當我們設置文字在部件 密碼等於“”後，我們單擊輸入框，輸入框內就會顯示空格了。(4為空)
當輸入框失去焦點後，如果輸入框中沒有輸入文字(即文字長度為0)則顯示預設文字;當有輸入文字時，顯示輸入文字。如下圖設置：
三.當輸入錯誤時，下方提示文字的顯示
在這壹個步驟中，只需要註意壹個問題就可以了：在編輯條件中，設置登錄失敗的三種情況(用戶名錯誤、密碼錯誤、驗證碼錯誤)，在設置否命題時，只需要列舉壹項不滿足即可。筆者在這裏設置的“用戶名為1@qq.com，密碼為123456，驗證碼為GOOD”只要三個輸入框的任意壹個不符合預設，則登錄失敗，在提示文字區域顯示對應文字。如圖
當用戶名輸入錯誤時的條件為;
當某項輸入錯誤時
在這些條件全部編輯完成後，壹個高保真的登錄框就完成了!在這篇文章中，主要講到了axure中的“文字在部件”這樣壹個條件的使用，相信各位應該對這樣壹個選擇項有所認識了吧!