如何在XHTML/CSS中进行OS X样式搜索

Question

任何方法使OS X Finder"喜欢"但有效的XHTML/CSS搜索文本字段,右边的X等等？即使它只出现在Safari上,但降级也没关系.我见过几个例子,但看起来很复杂.

Answer 1

如果您只支持最新的基于WebKit的浏览器,则可以使用新的HTML5功能,如下所示:

<form>
  <input name="q" type="search">
  <input type="submit" value="Find">
</form>

就是这样,没有CSS,没有Javascript或者其他什么!在这里看一个很好的讨论.