介绍 & lt;链接rel=皊tylesheet"类型=拔谋?css"href=癶ttp://www.jq22.com/jquery/bootstrap-3.3.4.css"比;
& lt; div类=癵-container"祝辞
& lt;形式行动=?“类=癰asic-grey"比;
& lt; div类=癴orm-group"祝辞
& lt;标签=發astname"类=癱ontrol-label"比;
公司选择:
& lt;/label>
& lt; div类=癈ompanies"祝辞
& lt;输入类=癴orm-control"类型=皌ext"占位符=扒胙≡瘛?id=癹s-groupId"比;
& lt;输入类型=癶idden"id=癵roupId"比;
& lt; ul id=癵roupid"祝辞
李& lt;数据id=?27“祝辞& lt; a href=癹avascript:无效(0)“在厦门集众筹智科技有限公司& lt;/a> & lt;/li>
李& lt;数据id=?26“祝辞& lt; a href=癹avascript:无效(0)“在苏州高新区文体发展有限公司& lt;/a> & lt;/li>
李& lt;数据id=?25“祝辞& lt; a href=癹avascript:无效(0)“在美罗城test & lt;/li>
李& lt;数据id=?24“祝辞& lt; a href=癹avascript:无效(0)“在深圳市高收益科技开发有限公司& lt;/a> & lt;/li>
李& lt;数据id=?23“祝辞& lt; a href=癹avascript:无效(0)“在深圳市蜗爱生活科技开发有限公司& lt;/a> & lt;/li>
李& lt;数据id=?15“祝辞& lt; a href=癹avascript:无效(0)“在深圳市宇恒乐便利店管理有限公司& lt;/a> & lt;/li>
李& lt;数据id=?14“祝辞& lt; a href=癹avascript:无效(0)“在广东胜佳超市有限公司& lt;/a> & lt;/li>
李& lt;数据id=?13“祝辞& lt; a href=癹avascript:无效(0)“在顺义李先生说& lt;/a> & lt;/li>
李& lt;数据id=?12“祝辞& lt; a href=癹avascript:无效(0)“在十足集团股份有限公司& lt;/a> & lt;/li>
李& lt;数据id=?11“祝辞& lt; a href=癹avascript:无效(0)“在宏图三胞高科技术有限公司& lt;/a> & lt;/li>
李& lt;数据id=?10“祝辞& lt; a href=癹avascript:无效(0)“在九州连锁超市公司& lt;/a> & lt;/li>
李& lt;数据id=?09“祝辞& lt; a href=癹avascript:无效(0)“在李先生& lt;/a> & lt;/li>
李& lt;数据id=?08“祝辞& lt; a href=癹avascript:无效(0)“在李先生牛肉面快餐厅& lt;/a> & lt;/li>
李& lt;数据id=?07“祝辞& lt; a href=癹avascript:无效(0)“在李先生牛肉面快餐厅& lt;/a> & lt;/li>
李& lt;数据id=?06“祝辞& lt; a href=癹avascript:无效(0)“在美宜佳便利店有限公司& lt;/a> & lt;/li>
李& lt;数据id=?05“祝辞& lt; a href=癹avascript:无效(0)“在上海一嗨汽车租赁有限公司& lt;/a> & lt;/li>
李& lt;数据id=?04“祝辞& lt; a href=癹avascript:无效(0)“在龙湖商业地产(重庆区)& lt;/a> & lt;/li>
李& lt;数据id=?03“祝辞& lt; a href=癹avascript:无效(0)“在阜阳华联集团股份有限公司& lt;/a> & lt;/li>
李& lt;数据id=?02“祝辞& lt; a href=癹avascript:无效(0)“在百万庄园& lt;/a> & lt;/li>
李& lt;数据id=?01“祝辞& lt; a href=癹avascript:无效(0)“在百万庄园& lt;/a> & lt;/li>
李& lt;数据id=?00“祝辞& lt; a href=癹avascript:无效(0)“在上海恭胜酒店管理有限公司& lt;/a> & lt;/li>
李& lt;数据id=?99“祝辞& lt; a href=癹avascript:无效(0)“在北京好伦哥餐饮有限公司& lt;/a> & lt;/li>
李& lt;数据id=?98“祝辞& lt; a href=癹avascript:无效(0)“在富驿酒店集团有限公司& lt;/a> & lt;/li>
& lt;/ul>
& lt;/div>
& lt;/div>
& lt;/form>
& lt;/div> CSS: div, ul, {
保证金:0;
填充:0;
}
ul李{
list-style:没有;
}
.basic-grey {
宽度:600 px;
利润率:5% - 10%;
}
.basic-grey相关{
位置:相对;
}
.basic-grey相关ul {
位置:相对;
身高:210 px;
宽度:100%;
overflow-y:汽车;
边界:1 px固体# DDD;
显示:没有;
}
李.basic-grey相关ul {
填充:3 px 12 px;
}
.basic-grey相关ul李:{徘徊
background - color: # bebebe;
光标:指针;
}
李.basic-grey相关ul。{大
位置:绝对的;
上图:0;
}
小编给大家分享一下html5搜索匹配功能如何实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
html5 + jquery实现的搜索匹配效果,或者说是搜索过滤,当你在文本框输入一个字符时,如果下边的列表中有以此为开头的内容时,将自动为你显示相关内容。
示例中仅列出了一些,用时候你可以自己再完善下,代码仅为您提供一种思路,希望对你是有帮助的HTML
