jquery - 自定义我们的搜索栏

如果您查看google，他们的搜索栏上有一些出色的功能，但是我想知道是否有人可以指出我复制这些功能中的一些功能？

例：


我们想在输入字段的搜索框末尾添加X，向右浮动。
虽然不确定如何做到这一点，但我认为css是直截了当的，但是不确定脚本是否执行此操作而无需刷新页面。

有什么想法请。

我们的搜索框是自动建议的，代码实际上不需要在此处显示（html），但是如果人们需要查看我们的简单代码，则可以发布。此外，想知道是否有人在类似于该图像的输入字段中添加了明确的结果X。

或张贴一些链接，请.. bugger这是我们的html。

<input name="suburbs" id="suburbs" type="text" placeholder="eg: Apples" onkeyup="lookup(this.value);" onblur="fill();" autocomplete="off" /></input>
                            <!--added autosuggest-->
                                <div class="suggestionsBox" id="suggestions" style="display: none;">
                                    <div class="suggestionList" id="autoSuggestionsList">
                                        &nbsp;
                                    </div>
                                </div>
                            <!--//auto suggest end-->

最佳答案

如果使用例如firebug来检查Google页面的来源，您会发现x不是输入字段的一部分，它是x包裹在下一个表格列的链接标记中（输入以及其他内容）。

只需在链接标记中添加一些javascript即可清除输入并取消它的标准操作，您将获得全部效果。