jquery - 带有 'X' 图标的文本输入可在您开始输入后清除该字段

标签 jquery jquery-mobile

搜索输入采用药丸状角的样式,并添加一个“x”图标,以便在您开始输入时清除该字段。

我可以对常规文本框做同样的事情吗?请看 fiddle :http://jsfiddle.net/nvWnx/1/

最佳答案

只需将 data-type="search" 添加到文本输入中,它将获得与搜索框相同的样式,但还将包括放大镜,以下是一些选项:

FIDDLE

稍微摆弄了一下,想出了这个:

FIDDLE2

关于jquery - 带有 'X' 图标的文本输入可在您开始输入后清除该字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12239901/

相关文章:

javascript - 如何使用 Gulp 在 Node 中要求 jQuery?

javascript - 如何在较小的空间中放置大图片

javascript - 使用另一个 div 类将相同的类添加到 div

jquery - jQuery Mobile 中的两个大按钮

jquery - 如何有条件地为 Jade 中的文本分配颜色

javascript - 如何使用键盘中的输入在ajax中提交表单数据

mobile - 移动浏览器检测和格式化的最佳实践

javascript - 如何在 BackboneJS 应用程序中创建并打开警报对话框

javascript - 检索以 JSON 存储的特定数据

google-maps - jQuery Mobile无法加载Google Map(刷新时除外)