placeholder属性

解説

placeholder属性は、input要素やtextarea要素に指定し、入力欄が空のあいだだけ薄く表示する短いヒントを設定するHTML属性です。電話番号や日付のように、区切り文字を入れるかどうかで迷いやすい欄で役に立ちます。ただし、placeholder属性に長い注意書きを入れても読まれにくいため、詳しい説明は入力欄の外に置きます。

<input type="tel" name="tel" placeholder="03-1234-5678">

注意点

placeholder属性の表示を、ラベルの代わりに使ってはいけません。表示は入力を始めると消えるため、項目名の代わりに使うと、利用者は途中で何の欄か分からなくなります。さらに、スクリーンリーダーなどの支援技術は、placeholder属性の内容をラベルとして扱わない場合があります。したがって、ラベルは別に常時表示し、placeholder属性は入力例の提示に限って使います。