Search Box Simple Dengan Gambar

by kompiajaib

HTML

<div style='float:right;padding:0 6px;margin-bottom:-3px;margin-right:-3px;overflow:hidden'>
<div style='float:right;padding:4px 2px 1px 0;'>
<form action='/search' id='cse-search-box' method='get' target='_blank'>
<div>
<input class='searchfield' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search here...'/>
<input align='top' alt='search' height='21' name='sa' src='http://1.bp.blogspot.com/-o8fjdffMPm8/Ud1W1DZ0efI/AAAAAAAAZYs/a5FKTv53o0c/s1600/button-search.png' title='Search!' type='image' value='Search' width='55'/>
</div></form>
</div>
<div style='float:right;padding:3px 6px 0 0;'>
<img alt='Google' height='28' src='http://3.bp.blogspot.com/-JBH7frcCZsQ/Ud1XAkLDQhI/AAAAAAAAZY0/dEhu6IsYUUI/s1600/google-search.png' title='Google Search' width='50'/></div></div>

CSS

.searchfield {width:150px;font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;color:#555}