在網(wǎng)站的注冊(cè)或登錄等信息輸入界面中，通常都會(huì)包含一些重置功能，用于方便用戶重新填寫表單內(nèi)容。而在交互設(shè)計(jì)中，文字輸入重置功能是對(duì)文本的操作的一種體現(xiàn)。本教程將介紹如何通過(guò)Axure RP Pro 7.

在網(wǎng)站的注冊(cè)或登錄等信息輸入界面中，通常都會(huì)包含一些重置功能，用于方便用戶重新填寫表單內(nèi)容。而在交互設(shè)計(jì)中，文字輸入重置功能是對(duì)文本的操作的一種體現(xiàn)。本教程將介紹如何通過(guò)Axure RP Pro 7.0來(lái)實(shí)現(xiàn)一鍵重置輸入框信息的功能，并涉及到對(duì)文本框提示文字的設(shè)置，使得在點(diǎn)擊文本框時(shí)，提示文字消失，在放棄輸入時(shí)，提示文字重新顯示的效果。

步驟一：創(chuàng)建信息輸入界面

首先，在Axure的部件庫(kù)中找到并拖入一個(gè)“文字框”和一個(gè)“文本表格”，分別命名為：“用戶名稱”、“設(shè)置密碼”和“確認(rèn)密碼”。然后再?gòu)牟考?kù)中拖入一個(gè)“矩形”，設(shè)置底色，并命名為“重置”。這樣一個(gè)完整的信息輸入界面就創(chuàng)建好了。

步驟二：設(shè)置用戶名輸入框的提示文字

右鍵點(diǎn)擊“用戶名稱”輸入框，選擇“編輯文字”，將框內(nèi)的提示文字設(shè)置為“請(qǐng)輸入用戶名...”。

步驟三：設(shè)置用戶名輸入框的焦點(diǎn)交互

鼠標(biāo)左鍵單擊選中“用戶名”輸入框，在“部件交互與注釋”窗口中選擇“獲得焦點(diǎn)時(shí)”，將文字內(nèi)容設(shè)置為空。保存完成后，在同一窗口中選擇“失去焦點(diǎn)時(shí)”，將文字內(nèi)容設(shè)置為“請(qǐng)輸入用戶名...”。

步驟四：設(shè)置重置按鈕的鼠標(biāo)點(diǎn)擊交互

鼠標(biāo)左鍵單擊選中“重置”按鈕，在“部件交互與注釋”窗口中選擇“鼠標(biāo)單擊時(shí)”，將用戶名輸入框、密碼輸入框和確認(rèn)密碼輸入框的內(nèi)容全部設(shè)置為空。至此，整個(gè)提示文字顯示與隱藏以及信息重置功能的制作完成。

你可以按下F5鍵預(yù)覽效果，確保所做的交互效果符合預(yù)期。通過(guò)這個(gè)教程，你可以掌握如何利用Axure RP Pro 7.0來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)文本輸入框信息重置功能，提升用戶體驗(yàn)。