使用css和jquery删除输入图标

Question

我试图让这个工作，但事实并非如此。

我删除了我的清理代码，这里是jsfiddle code

我正在尝试创建删除按钮，删除输入并重置搜索列表

 -----------------------
|                  | x | <- remove icon inside the input box
 -----------------------     
or 
 ----------------------- ----------
|                      | | All    |  <- all button outside the input box
 ----------------------- ----------

我无法让代码工作，例如重置搜索结果

Answer 1

不确定这是你在找什么......

使用HTML5输入类型搜索：

<input class="search clearable" type="search" id="input"/>

然后添加处理程序点击输入：

$('#input').on('click',function(){
        if(this.value === "" ) //case when user reset the input by clicking button
            $(this).keyup();
    });

DEMO