這次是要用Axure在文字輸入框裡加入提示文字(Placeholder/Hint Text)，就是在填寫表格時、或輸入資料時，在輸入框裡會顯示淺灰的提示文字，告知使用者這個欄位要輸入什麼、或是輸入有什麼限制
之前用Axure在做輸入框時，因為不知道Axure的輸入框原來內建可以做到Placeholder(即Hint Text)，就用比較笨的方法：
直接在輸入框裡輸入文字，並把文字的顏色設為灰色，再去設定當輸入框被按下後(觸發事件)，讓文字消失(觸發動作)
自從知道Axure的輸入框內建可以做到Placeholder(即Hint Text)後，覺得好用很多！感覺也變得真實很多，還可以設定輸入類型、長度限制、提示文字消失的時機點，有時還以為真的是一個完整的網頁！
▾底下為各步驟截圖＋詳細說明
1.在Libraries裡找到Text Field(文字輸入框)，把它拉曳至畫板內
2.先選取Text Field，按右邊的頁籤INTERACTIONS(互動面板)，再按Show All，顯示更多文字輸入框的屬性設定
3.可設定文字輸入框的「輸入類型」
＊ Note：非必要步驟
4.在Hint Text輸入要在文字輸入框裡顯示的提示文字，並可設定提示文字的消失時機點要在「Typing時」或是「Focus時」
5.可在Tooltip輸入提示文字，出現的時機點只有當滑鼠移至文字輸入框時，最後，也可在Max Length設定文字輸入框的字碼長度限制
＊ Note：非必要步驟
以上，就大功告成囉！
其實到現在，我只有記住幾個常用的UI元件的專有名稱，如Button按鈕、Radio Button單選按鈕、Checkbox複選框、ComboBox下拉選單、Toggle切換開關、Scrollbar滾動條…等
導致有時在與工程師溝通時，若看到不常用的UI元件，一時之間說不出它的名稱，只能說「這個」、「那個」的(誰知道妳在說哪個！)有時還真的是有點愧疚…
也是從上個月在工作上開始做Design Guideline後，不得不認真去查每個UI元件名稱，只好認命上網一個一個去查專有名稱
我想…
就跟沒人會喜歡被稱呼 「欸！」或「 喂！那個誰」又或者是「嗨～美工！(這真的是設計師大忌)」是一樣的道理吧
記好名字真的很重要！最重要的是跟「團隊夥伴們建立共同語言」
最後，用Axure做出輸入框裡內建的Placeholder(即Hint Text)，感覺頗真實！
網址：如何在文字輸入框裡加入提示文字
p.s密碼輸入12345，按下按鈕就會有驚喜唷 ：D
