Html
    Css
    Js

    
                        
.search {
	width:560px;
	height:38px;
	border:solid 1px #b8c4ce;
	border-radius:5px;
	background:#FFF;
	margin:0 auto;
}
.fl {
	float:left;
}
.alreadychoice {
	width:150px;
	height:38px;
	line-height:38px;
	text-align:center;
	background:#fcfcfc;
	border-radius:3px;
	cursor:pointer;
	padding:0px 20px;
	color:#637889;
	font-size:14px;
	display:block;
	float:left;
}
.searchInp {
	width:357px;
	border:none;
	color:#b8c4ce;
	display:block;
	background:none;
	height:auto;
	line-height:37px;
	text-align:center;
	/*padding:10px 5px;
	*/
    font-size:14px;
	float:left;
}
.searchSub {
	display:block;
	width:53px;
	height:38px;
	background:url(http://www.jq22.com/img/cs/500x300-2.png) -15px -2px;
	border:none;
	cursor:pointer;
	float:left;
	padding:0;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.8.3
 立即下载

下拉搜索框 input(原创)

可以用于搜索图书,办公等网页中,实用简单。

0