搜索框

<style>

.anav-r input{
float: left;
width: 220px;
height: 34px;
line-height: 34px;
font-size: 14px;
outline: none;
text-indent: 10px;
border:none;
color: #a0a0a0;
margin-left: 3px;
margin-top: 3px;
}
.anav-r button{
float: right;
width: 30px;
height: 30px;
background:#01afec;
background: url("../img/sousuo.png");
margin-top: 5px;
margin-right: 3px;
border: none;
}

</style>

 

<form action="">
<input type="text" value="搜索查询" id="seachkeywords" onfocus="if(this.value=='搜索查询'){this.value=''}" onblur="if(this.value=='')this.value='搜索查询'"><!--鼠标点击的时候搜索查询四个字消失，鼠标移开，显示出来-->

<button></button>
</form>