最新のWeb開発のチュートリアル
 

HTML <input> placeholder Attribute

<HTML <input>タグ

プレースホルダテキストを持つ2つの入力フィールド:

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="Submit">
</form> 
»それを自分で試してみてください

定義と使用法

placeholder属性は、入力フィールドの期待値(例えばサンプル値または予想される形式の短い説明を)説明する短いヒントを指定します。

ユーザーが値を入力する前に、短いヒントは、入力フィールドに表示されます。

注意: placeholder属性は、次の入力タイプで動作します: text, search, url, tel, email 、およびpassword


ブラウザのサポート

表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。

属性
placeholder 10.0 10.0 4.0 5.0 11.0

HTML 4.01とHTML5の違い

placeholder属性はHTML5で新しく追加されました。


構文

<input placeholder="text">

属性値

説明
text 入力フィールドの期待値を記述する短いヒントを指定します

<HTML <input>タグ