button内置搜索框

.search{margin-left:50px;}
.search_input {
float:left; 
width:182px;
height:20px;
background: url(../images/search.png) no-repeat;
margin-top:5px;
padding:5px;
_display: inline; 
overflow: hidden;
}
.input_text{
outline:0 none;
width:175px;
height:20px;
background-color:transparent;
border:none; padding:0;
vertical-align:text-top;
}
.search_btn{
display:block;
text-indent:-9999em;
float:left;
width:30px;
height:30px;
margin:5px 10px 0 0;
cursor:pointer;
background:url(../images/search.png) no-repeat -192px 0;
}

<div class="search">

<div class="search_input" style="background-position:0px 0px;">
<input class="input_text" name="keyword" type="text" id="keyword" onKeydown="search();"/>
</div>
<a class="search_btn" href="#" style="background-position:-192px 0;"></a>
</div>