Home/ Questions/Q 8660013
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T16:08:59+00:00

Could anyone show me a code snippet that produces the search box that is

  • 0

Could anyone show me a code snippet that produces the “search box” that is similar to the one in this example: http://www.dx.com?

It surprised me that googling “textfield inside image” only gave me all the results of “image inside textfield”.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can’t put inside an image other element, but you can do the following to achieve this effect:

    Use a css as:

    <style>
    .search-container{background:url(your/image/path) no-repeat top left;width:200px;height:50px;}
    .search-container input{width:150px;}
    .search-container button{width:40px;}
</style>

    And html like:

    <html>
    <head></head>
    <body>
        <div class="search-container">
            <input type="text" /> <button>Search</button>
        </div>
    </body>
</html>

    Now, the search-container will be with a background image and inside you can put your search form (input and button).

    if you want the input without the ‘default’ style your can reset with:

    .search-container input{border:none;background:transparent;}
    • 0