jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 搜索文本框上有清除按钮有什么准备吗?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的应用程序中的搜索文本框中添加一个清除按钮.有没有准备好的Ajax扩展程序或 JQuery@L_772_4@来实现?

提前致谢.

解决方法

没有什么开箱即用的,但是很容易创建一些这样的东西,没有额外的HTML,一些CSS魔术和jQuery来绑定事件.

我已经添加了一些HTML,一些CSS和最小的Javascript,注释掉的代码可以实现,以使其按预期工作.

结果代码

我的例子使用这个HTML

<input type="text" name="search" id="search" value="I can be cleared" /><!--
--><a href="search/clear" id="clear">Clear results</a>

如果您在输入后放置了锚标签,您可以轻松省略用于删除内联元素之间的空格的注释.

CSS然后将链接定位为负边距,以便显示在文本输入框内.它不是真的在里面,因为输入不是一个容器.这只是一个视觉技巧.

其余代码只需检查JSFiddle example.

大佬总结

以上是大佬教程为你收集整理的jquery – 搜索文本框上有清除按钮有什么准备吗?全部内容,希望文章能够帮你解决jquery – 搜索文本框上有清除按钮有什么准备吗?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。