解决方法
没有什么开箱即用的,但是很容易创建一些这样的东西,没有额外的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.
