form field questions

I want to use an image as a text field.

I know how to set the submit / cancel / reset buttons as images

for instance.

<input type="text" name="username" id="username">

Code (markup):

How can i make a image show up they can type into instead.

I thought it would be

<input type="image" background="path/to/image.gif" name="username" id="username">

Code (markup):

But that does not seem to work.

Any suggestions please and greatly appreciated.

TJ

 

Try using CSS to add the background images.

There are some examples of what you're looking for here:
http://lab.artlung.com/form-image-background/

 

mojojuju is exactly right. I've even dynamically generated a user's IP address and displayed it in the background of a form before.

 

<input style="background: transparent url(path/to/img.gif) 0 0 no-repeat; border:none;" type="text" value="voila" id="input_with_bg" />

Code (markup):

 

ty everyone. rep . given.