文本框自动完成效果的JS类：SearchField
发布时间：2018-10-16 18:31:00 所属栏目：模式 来源：站长网
导读：Searchfield是一个简洁、轻巧、美观、支持文本框下拉提示的搜索表单代码，它支持搜索建议，也就是当你输入文字的时候，会显示相关的下拉搜索关键词建议!作者说支持三个国家的语言，支持中文、英文，另一种语言没有试出来。 下载地址：SearchField 支持文本
|
Searchfield是一个简洁、轻巧、美观、支持文本框下拉提示的搜索表单代码，它支持搜索建议，也就是当你输入文字的时候，会显示相关的下拉搜索关键词建议!作者说支持三个国家的语言，支持中文、英文，另一种语言没有试出来。
如果你想为你的页面增加这样一个特别的搜索栏是非常简单的， 你需要做的仅仅是下载CSS和JS文件，在body主体中加入form表格代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]
<form id="searchform" action="" method="post"> <p><input type="text" id="searchfield" name="searchfield" value="" /> <button type="submit">Go</button></p> </form> 在<head>和</head>之前加入调用JS和CSS的声明： Copy to Clipboard引用的内容：[www.veryhuo.com]
<link href="/searchfield/searchfield.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/searchfield/searchfield.js"></script> 这样就可以了，而关键词的建议当然是可以自定义的，你可以提前在searchfield.js中输入一些你希望对用户搜索比较友好的关键词，如上图中，烈火网小编增加了一个www.veryhuo.com/down，那么当小编输入dow的时候，就会自动提示出：www.veryhuo.com/down了。 （编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
下载地址：SearchField 支持文本框下拉提示的搜索表单代码