表單輸入詞條 2-18

密碼欄位Password Field

也常叫做：密碼輸入框、Password Input

你可能會這樣說

輸入密碼時字全部變成圓點遮住，旁邊有顆眼睛圖示可以切換看明文——就是那個欄位。

密碼欄位是輸入內容自動遮成圓點或星號的輸入框，避免旁人直接看到你的密碼。

幾乎必備的貼心設計是眼睛圖示，點了切換顯示或遮住；進階一點再加上即時的強度提示。

跟 AI 提需求時記得說「這欄要遮住、可以切換顯示」，並交代密碼的最低規則。

注意密碼框會把字變成圓點——這就是密碼欄位的基本禮貌。

圖 2-23　試著亂填、漏填再送出，看驗證怎麼攔。

中文就可以

註冊表的密碼欄，輸入時全部顯示成圓點。
欄位右側放眼睛圖示，點一下切換明文和遮罩。
下方即時顯示強度：太短、普通、夠強三種訊息。
少於八個字時鎖住送出按鈕，提示至少要八碼。