仿火狐新标签页多选搜索引擎式搜索框

仿火狐新标签页多选搜索引擎式搜索框，适合作为博客网站，文章类网站的搜索页面，多类型表单搜索模板

分类：表单代码 > 搜索框难易：入门级

查看演示下载资源下载积分： 40 积分

引入CSS样式表：
<link rel="stylesheet" type="text/css" href="css/style.css"/>

引入脚本文件:
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="js/script.js" type="text/javascript" charset="utf-8"></script>

设置html结构：
<body class="quickdial" style="background-color:rgba(237,247,255);">
		<form action="" method="get" id="searchform">
			<fieldset id="">
				<a class="searchlink" href="javascript:void(0);"><img class="searchlogo" src="css/images/baidu_web.png"/></a>
				<input data-name="q">
				<input value="搜索" type="submit">
			</fieldset>
			<fieldset id="">
				<label><input class="engine" name="engine" data-value="baidu" checked="checked" type="radio">百度</label>
				<label><input class="engine" name="engine" data-value="google" type="radio">谷歌</label>
				<label><input class="engine" name="engine" data-value="bing" type="radio">必应</label>
				<label><input class="engine" name="engine" data-value="taobao" type="radio">淘宝</label>
				<label><input class="engine" name="engine" data-value="station" type="radio">站内</label>
			</fieldset>
		</form>
	</body>

仿火狐新标签页多选搜索引擎式搜索框【原创】