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更新)

他の辞典による解説 （外部サイト）

この記事の著者 ： (株)インセプト IT用語辞典 e-Words 編集部
1997年8月より「IT用語辞典 e-Words」を執筆・編集しています。累計公開記事数は1万ページ以上、累計サイト訪問者数は1億人以上です。学術論文や官公庁の資料などへも多数の記事が引用・参照されています。
ホーム画面への追加方法
1.ブラウザの 共有ボタンのアイコン 共有ボタンをタップ
2.メニューの「ホーム画面に追加」をタップ
閉じる