SearchField:一个美观特别的智能提示搜索表单

欢马劈雪

工程师 (已认证)

原创分享签约作者

发表于JS/jQuery代码

188

Searchfield是一个简洁、轻巧、美观的搜索表单领域。
它支持搜索建议，也就是当你输入文字的时候，会显示相关的下拉搜索关键词建议！

支持三个国家的语言

如果你想为你的页面增加这样一个特别的搜索栏是非常简单的，你需要做的仅仅是下载CSS和JS文件，在body主体中加入form表格代码：

<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的声明：

<link href="/searchfield/searchfield.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/searchfield/searchfield.js"></script>

这样就可以了，而关键词的建议当然是可以自定义的，你可以输入一些你希望对用户搜索比较友好的关键词。