2012年7月23日星期一

SearchField:一个美观特别的搜索表单

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

 

作者说支持三个国家的语言,我试了一下,支持英文和中文,至少另外一个是什么也没细看,估计应该是德文。

 

searchfield 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>

 

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

 

查看此搜索框的效果演示

下载 SearchField

来源于 SearchField:一个美观特别的搜索表单 | 帕兰映像

没有评论:

发表评论