focus blur textboxにメッセージを入れておく。 | javascript
input textboxの文字にメッセージを入れておく。
上が初期状態、下がフォーカス時。
(filterワードを入れるボックスなのでfilterと入れてあります。
<input type="text" value="filter" id="textbox_id" > $('#textbox_id').focus(function(){ if( $('#textbox_id').val().match(/filter/)){ $('#textbox_id').val(''); } $('#textbox_id').css('color','#444444'); }); $('#textbox_id').blur(function(){ if( $('#textbox_id').val() == ''){ $('#textbox_id').val('filter'); $('#textbox_id').css('color','#aaa'); } });
focus時にfilterと入っていたら消して、blur時に空のときfilterと入れておく。