GeekBox

IT系エンジニアの雑記

input type text / password入力欄にヒント(プレースホルダ )を表示

2015/02/14

jQueryか何かで要素にフォーカスが当たったら外れるようなヒント(プレースホルダというらしい)を出そうと思って調べてると、
html5で追加されたplaceholder属性を使えば簡単に実装できる事を知ったのでメモ。

見た目はこんな感じ。

パスワード:

 

コード

<input type="password" placeholder="パスワードを入力" value="">

[amazonjs asin="4873114829" locale="JP" tmpl="Small" title="入門 HTML5"]

-html5