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>