html5 - Image inside a textbox with a value in it -

I have a text box, in which there is not a back-ground land-duplicated image.

The image should be placed in the right place with "Search" inside the I text box, and the last color of the text box should be white.

I need it: -

Please help.

You can get it using z-index.

Try this:

  & lt; Img width = "300px" height = "200px" style = "position: absolute;" /> & Lt; Div style = "float: left; z-index: 2; condition: absolute;" & Gt; & Lt; Input type = "text" / & gt; & Lt; / Div & gt;