トップページ  > HTML5  > <input>  > placeholder

★HTML5タグリファレンス

<input placeholder> …… 入力欄に初期表示する内容を指定する
Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6 Safari3Safari4Safari5 Opera9Opera10
広告

このページでは、HTML5のinput要素のplaceholder属性を解説しています。
input要素のplaceholder属性の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

<input>要素のplaceholder属性で指定した値が、入力欄に初期値として表示されます。 例えば、テキストフィールドに初期値として、 「検索するキーワードを入力してください」などのヒントを示してユーザーの操作を補助することができます。

■属性

placeholder
初期表示する内容(プレースホルダー)を指定する

■使用例

HTMLソース

<form action="xxx.php" method="post">
<fieldset>
キーワード:
<input type="search" name="q" placeholder="キーワードを入力"><br>
<input type="submit" value="検索">
</fieldset>
</form>
↓↓↓

ブラウザ上の表示

キーワード:
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ