HTML5搜索输入框下拉列表特效代码下载


HTML5搜索输入框下拉列表特效代码下载
HTML5搜索输入框下拉列表特效代码下载以及搜索输入框、下拉列表等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script  src="js/script.js"></script>

3. HTML代码

<div class="type-ahead">
	<input type="text" class="type-ahead__input" placeholder="输入关键词...">
	<svg class="icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
		<path d="M15.853 16.56c-1.683 1.517-3.911 2.44-6.353 2.44-5.243 0-9.5-4.257-9.5-9.5s4.257-9.5 9.5-9.5 9.5 4.257 9.5 9.5c0 2.442-.923 4.67-2.44 6.353l7.44 7.44-.707.707-7.44-7.44zm-6.353-15.56c4.691 0 8.5 3.809 8.5 8.5s-3.809 8.5-8.5 8.5-8.5-3.809-8.5-8.5 3.809-8.5 8.5-8.5z"></svg>
	<ul class="type-ahead__suggestions hidden"></ul>
</div>

相关推荐

发表评论

相关文章