placeholder 属性ダミーテキストを指定する

placeholder 属性は入力コントロールにあらかじめ表示されるダミーテキスト (プレースホルダ) を指定します。値には改行コード (U+000A LINE FEED (LF) , U+000D CARRIAGE RETURN (CR) ) を含むことはできません。

placeholder 属性に入れる値は、「入力例」 などが考えられます。入力コントロールに対する説明文などは placeholder 属性ではなく、入力コントロールのラベルとあわせて記述するか、title 属性に記述する方が適切でしょう。

placeholder 属性の仕様

この属性を使用できる要素

placeholder 属性のサンプルソース

<fieldset>
 <legend>お客様情報</legend>
 <p>
  <label>お名前
   <input type="text" name="fullname" placeholder="日本太郎" />
  </label>
 </p>
 <p>
  <label>アドレス
   <input type="email" name="address" placeholder="taro@example.net" />
  </label>
 </p>
</fieldset>

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ