[مـدونـجـي]

كود البحث داخل مدونتي هو :

<style type='text/css'>
#w2b-searchbox{background:url() no-repeat scroll center center transparent;float:right;;width:307px;height:50px;disaply:block;margin:2px 30px 0 0}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px; font: bold 13px Merriweather;color:#000000;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id='w2b-searchbox'>
<form action='/search' id='w2b-searchform' method='get'>
    <input id='s' name='q' type='text' value='search'/>
    <input id='sbutton' src='http://img1.blogblog.com/img/blank.gif' type='image'/>
</form>
</div>

كلمة search المعلمة بالأحمر هي التي تظهر داخل مربع البحث, لكن تحتاج إلى مسحها قبل كتابة الكلمة المفتاحية المطلوبة, و ما أريده هو أن تظهر كلمة search , لكن أن تختفي تلقائيا بمجرد النقر داخل مربع البحث دون الحاجة لمسحها قبل كتابة الكلمة المفتاحية.

ما هو التغيير المطلوب لذلك ؟