Jump to content

Search Button Inside The Text Field


whiteboikyle

Recommended Posts

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.

 

Link to comment
Share on other sites

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.
Link to comment
Share on other sites

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?

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.