如何在里面输入提交图像？

Question

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

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

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

我可以给它一个半径来使角弯曲。我可以在它旁边放一个图像作为搜索的提交按钮。但是如何使它看起来像......

我似乎无法解决这个问题？感谢

Answer 1

只是猜测 - 您是否尝试过属性background-image？

Answer 2

点击Enter时提交。如果您在表单中输入输入，并且专注于所述输入，则当您按Enter键时，浏览器将默认提交表单。

但如果你仍然热衷于javascript方法，请通过简单的doimg $("#searchForm").submit()提交搜索查询

同样对于你的放大镜尝试position:relative，因为我认为它占据的空间没有被输入的文字透明地用掉