GeekBox

新米Webエンジニアのメモ帳

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

2015/02/14

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

見た目はこんな感じ。

パスワード:

 

コード

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

-html5