jqueryで、inputフィールドにデフォルト値を入れておいてfocusしたら消す

というのをやりました。

こんな感じになります。

サンプル：jqueryでinputフィールドにデフォルト値を入れておいてfocusしたら消す

あとで知りましたが、こういうのをプレースホルダーと言うようです。ググるときはこのキーワードを使うといいと思います。

なお今回特に勉強になったのはdefaultValueの存在。

DOMで定義されている属性で、

$(this).attr('defaultValue')

という感じで取得できます。
フォームにアクセスした時にvalueがあると、この属性に値が保持されています。

参考：http://txqz.net/blog/2009/05/16/2312

[jQuery]フォームのテキストフィールドに入力例を入れておき、フォーカスと同 時に消す

こういうやつです。



コードはこれだけ。かなりシンプルです。

$(function(){
$('input').focus(function(){
$(this).val('').css("color","#000");;
});
});



参考にした例。
http://gihyo.jp/design/serial/01/jquery-site-production/0009?page=1
http://h2ham.seesaa.net/article/103945151.html
http://txqz.net/blog/2009/05/16/2312

プラグインもありました。
http://phpspot.org/blog/archives/2009/04/toggleval.html