placeholder属性 【placeholder attribute】

概要

placeholder属性(placeholder attribute)とは、HTMLの要素(タグ)の中で設定することができる属性(attribute)の一つで、テキストボックスに入力案内や入力例を表示するもの。textarea要素type属性が「text」のinput要素で使用する。

HTMLの入力フォーム機能では、inputタグに「type="text"」を指定することで一行のテキストボックスを、textareaタグで複数行のテキストボックスを定義することができる。何も指定がない場合、初期状態は空欄となっており何の文字も表示されていない。

placeholder属性を指定すると、未入力状態のテキストボックスに指定した文字列をあらかじめ表示させておくことができる。閲覧者が入力のためにテキストボックスを選択(フォーカス)すると、placeholder属性の文字は消滅し、文字入力のためのカーソルが現れる。

これを利用して、「ここに検索キーワードを入力」「生年月日(例:2001/01/01)」といったように、そのボックスに入力すべき文字列を案内することができる。Webブラウザによるが、入力済みの文字列と区別するために文字色を薄い灰色などにすることが多い。

(2022.12.7更新)