お問い合わせ

プレースホルダー

英語表記
Placeholder
読み
ぷれーすほるだー
別名
入力例/サンプル表示

入力欄が空のときに薄く表示される入力例。入力を始めると消える。

解説

プレースホルダーは、入力欄が空のときに薄い文字で表示される入力例です。入力を始めると消えます。

形式が分かりにくい項目に入力例を示す

形式が分かりにくい項目で、具体例を示すのが本来の用途です。

  • 電話番号:03-1234-5678
  • 契約ID:HD-000123
  • 検索欄:例:CSAT、一次対応

ラベルの代わりに使ってはいけない

入力を始めた瞬間に項目名が消えるため、途中で何の欄か分からなくなり、送信前の見直しもできません。見た目はすっきりしますが、入力ミスと問い合わせを増やす典型例です。

また、薄い文字色にすると読みにくくなり、コントラストの基準を満たさない場合があります。