Question

I have an text input box which needs to be used as a search.

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

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

I can give it a radius to make the corners curved. I can put an image next to it as the submit button for the search. But how do I make it look like…

I cant seem to work it out? Thanks

Answer 1

Submit on hitting Enter. If you put an input in a form, and have focus on said input, when you press enter the browser will by default submit the form.

But if you are still keen on javascript method, submit the search query by simply doimg $("#searchForm").submit()

Also for your magnifying glass try position:relative since I assume that the space it occupies is not used up transparently by the typed text