Search Button Inside The Text Field

[whiteboikyle]

Is this possible? Pretty much can you do [search here (q)] the q is the search button. IE

[kicken]

If you just want the image there for visual effect and not have it clickable, then you can just apply a background-image to the input element that is positioned on the right hand side.

 

If you want it clickable then you'd use two input's side-by-side in a div element.  Apply a background to the div that looks like a form field, then style the inputs to not have any borders on them.

 

[whiteboikyle]

If you just want the image there for visual effect and not have it clickable, then you can just apply a background-image to the input element that is positioned on the right hand side.

 

If you want it clickable then you'd use two input's side-by-side in a div element. Apply a background to the div that looks like a form field, then style the inputs to not have any borders on them.

Thanks for trying to help but im trying to make the search bar INSIDE the input field.

[Jessica]

Well, what I think you're asking for - that's not possible, so kicken gave you ways to accomplish the concept of what you showed us. The phrase "search bar inside the input field" doesn't even make any sense. What are you trying to do?

[requinix]

It's also quite possible you're thinking of the HTML 5 type=search INPUT.

<input type="search" ... />

Recent browsers typically show a little search icon inside the text field.