搜索框

 

<FIELDSET class="mod_search">
  <P><INPUT id=searchtext class=mod_search_txt οnkeydοwn="if (event.keyCode==13) {}" οnblur="if(this.value=='')value='请输入关键词';" οnfοcus="if(this.value=='请输入关键词')value='';" value="请输入关键词"  >
    <BUTTON id=sbutton class=mod_search_bt type=submit></BUTTON>
      </P>
</FIELDSET>

 

.mod_search .mod_search_txt {
 BORDER-BOTTOM-STYLE: none; LINE-HEIGHT: 16px; BORDER-RIGHT-STYLE: none; MARGIN-TOP: 5px; WIDTH: 336px; BORDER-TOP-STYLE: none; BACKGROUND: #fff; HEIGHT: 16px; COLOR: #c4c4c4; BORDER-LEFT-STYLE: none; OVERFLOW: hidden;}
.mod_search .mod_search_bt {
 BORDER-BOTTOM: 0px;
 POSITION: absolute;
 BORDER-LEFT: 0px;
 LINE-HEIGHT: 40px;
 WIDTH: 48px;
 BACKGROUND: url(s_bg.png) no-repeat 0px 0px;
 HEIGHT: 37px;
 FONT-SIZE: 0px;
 OVERFLOW: hidden;
 BORDER-TOP: 0px;
 TOP: -1px;
 CURSOR: pointer;
 RIGHT: -1px;
 BORDER-RIGHT: 0px
}
.mod_search .mod_search_bt:hover {
 BACKGROUND: url(s_bghover.png) no-repeat 0px 0px;
}

.mod_search {
 PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND: #e5e5e5; HEIGHT: 29px; PADDING-TOP: 2px
}
.mod_search P {
 BORDER-BOTTOM: #d7d7d7 1px solid; POSITION: relative; BORDER-LEFT: #d7d7d7 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 28px; WIDTH: 383px; PADDING-RIGHT: 0px; BACKGROUND: url(s_01.png) #fff no-repeat 5px 6px; HEIGHT: 27px; BORDER-TOP: #d7d7d7 1px solid; BORDER-RIGHT: #d7d7d7 1px solid; PADDING-TOP: 0px; MARGIN: 0px;
}

.mod_search_txt:focus {
 COLOR: #333;
}

FIELDSET {
 BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
}