例
プレースホルダテキストを持つ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 | 入力フィールドの期待値を記述する短いヒントを指定します |