如何在里面输入带有提交图像的输入？答案

【问题标题】：How to have an input with a submit image inside?如何在里面输入带有提交图像的输入？
【发布时间】：2012-03-14 18:00:44
【问题描述】：

我有一个文本输入框，需要用作搜索。

<input type="text" id="search"/>

#search {border-radius:4em;height:1.6em; background:url(Img/search.png) no-repeat; }

我可以给它一个半径来使拐角弯曲。我可以在它旁边放一张图片作为搜索的提交按钮。但是我怎样才能让它看起来像......

我似乎无法解决？谢谢

【问题讨论】：

标签： css input

【解决方案1】：

点击Enter提交。如果您在表单中输入了一个输入，并专注于该输入，则当您按下 Enter 时，浏览器将默认提交该表单。

但如果你仍然热衷于 javascript 方法，只需 doimg $("#searchForm").submit() 提交搜索查询

对于你的放大镜也可以试试position:relative，因为我假设它占用的空间不会被键入的文本透明地用完

【讨论】：

【解决方案2】：

只是简单的猜测 - 你试过属性background-image吗？

【讨论】：