表單輸入詞條 2-20

欄位標籤Form Label

也常叫做:表單標籤、Label、欄位名稱

你可能會這樣說

表單只有空白輸入格,使用者不知道每一格要填什麼。

白話解釋

欄位標籤是清楚說明輸入格用途的文字,例如「電子郵件」或「聯絡電話」。它通常一直顯示在輸入格旁邊或上方,並且要和輸入格正確連結,讓螢幕閱讀器也能辨認。

不要只把欄位名稱放在輸入格內的淡色範例文字(placeholder)裡:使用者開始輸入後,範例就會消失。

親手試試

欄位標籤
一直告訴使用者這格要填什麼,例如「電子郵件」。
淡色範例文字
可補充格式範例,例如「name@example.com」,不能取代標籤。

圖 2-25 點上面的按鈕,看看各部分怎麼分工。

這樣對 AI 說

中文就可以
請替這份表單的每個輸入格加上一直可見的欄位標籤,並將標籤和欄位正確連結。輸入格內的淡色範例文字只能示範格式,不可取代欄位標籤。

同一課的其他詞